Brand Assets

Everything you need to represent Atomu. Download our logos, colors, and follow our guidelines.

Logo

Our logo is the cornerstone of our brand identity. Use it with pride, but please follow our guidelines.

Primary Logo

Use on dark backgrounds

Light Version

Use on light backgrounds

Monochrome

Single color applications

Color Palette

Our vibrant color system brings energy and personality to every touchpoint. Each color has a full spectrum for flexibility, with one canonical shade highlighted as the main brand color.

Primary Purple - Full Spectrum

50

#F4F0FE

rgb(244 240 254)

100

#E1D8FD

rgb(225 216 253)

200

#C8B6FB

rgb(200 182 251)

300

#A386F9

rgb(163 134 249)

400

#7E55F6

rgb(126 85 246)

DEFAULT

500 ★

#5925F4

rgb(89 37 244)

Secondary Teal - Full Spectrum

50

#ECFEFB

rgb(236 254 251)

100

#D1FAF5

rgb(209 250 245)

200

#99F6E4

rgb(153 246 228)

300

#5EEAD4

rgb(94 234 212)

400

#2DD4BF

rgb(45 212 191)

DEFAULT

500 ★

#14B8A6

rgb(20 184 166)

Dark Neutrals - Full Spectrum

50

#FAFAFA

100

#F5F5F5

200

#E5E5E5

300

#D4D4D4

400

#A3A3A3

500

#737373

600

#525252

700

#404040

800

#262626

900

#171717

DEFAULT

950 ★

#0A0A0A

Main Brand Colors

Primary Purple

#5925F4

Secondary Teal

#14B8A6

Dark Base

#0A0A0A

Typography

We use VeeloNeue as our primary brand typeface, with Inter as a versatile alternative for body text and interfaces.

Primary Typeface

NEW

VeeloNeue

Modern, geometric display typeface for brand presence

font-family: 'VeeloNeue', var(--font-inter)
weights: 100, 200, 300, 400, 500, 700, 800, 900

Alternative Typeface

Inter

Fallback sans-serif designed for screens

font-family: var(--font-inter)
Use with: className="font-inter"

VeeloNeue Examples

Display / Heading

The quick brown fox

font-size: 60px • font-weight: 700 • tracking: -0.05em

Title

The quick brown fox jumps over

font-size: 30px • font-weight: 700 • tracking: -0.025em

Subtitle

The quick brown fox jumps over the lazy dog

font-size: 20px • font-weight: 600

Body Text

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. Sphinx of black quartz, judge my vow.

font-size: 16px • font-weight: 400 • line-height: 1.5

Caption / Small

The quick brown fox jumps over the lazy dog.

font-size: 14px • font-weight: 400

Weight Variations

Thin (100) - VeeloNeue

Extra Light (200) - VeeloNeue

Light (300) - VeeloNeue

Regular (400) - VeeloNeue

Medium (500) - VeeloNeue

Bold (700) - VeeloNeue

Extra Bold (800) - VeeloNeue

Black (900) - VeeloNeue

Inter Examples (Alternative)

Display / Heading

The quick brown fox

font-size: 60px • font-weight: 700 • tracking: -0.05em

Title

The quick brown fox jumps over

font-size: 30px • font-weight: 700 • tracking: -0.025em

Subtitle

The quick brown fox jumps over the lazy dog

font-size: 20px • font-weight: 600

Body Text

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. Sphinx of black quartz, judge my vow.

font-size: 16px • font-weight: 400 • line-height: 1.5

Caption / Small

The quick brown fox jumps over the lazy dog.

font-size: 14px • font-weight: 400

Usage Guidelines

Please respect these guidelines to maintain brand consistency.

Do's

  • ✓Use the logo with sufficient clear space
  • ✓Maintain the aspect ratio when scaling
  • ✓Use approved color variations
  • ✓Ensure good contrast with backgrounds

Don'ts

  • ✗Don't distort or stretch the logo
  • ✗Don't use unofficial colors
  • ✗Don't add effects or outlines
  • ✗Don't rotate or alter the logo

Need everything?

Download our complete brand kit with all logos, colors, and guidelines.