Sept 24
San Francisco
Case study
Announcing Atomicwork's AI workforce platform Read more ->
Learn more
Customers

Atomicwork Brand Guidelines

Download Brand Assets

Logos

Our logo is a reflection of our company's core value, empathy. It features three interconnected hearts in a simple, modern line art design. If you look closely, you'll also notice that the 'I' in 'atomicwork' is shaped like a person, to highlight our commitment to putting our users at the center of everything we do.

Primary logo
Wordmark

Clearance

To make sure that the logo is easily recognizable and legible, it is important to keep clear space around it at all times. To make it easy, we've set the height of the logotype for Atomicwork to be the same as its logomark. The ideal clear space is also equal to the logomark on each side.

Incorrect usage of logos and marks

Do not change the colors
Do not Add strokes
Do not stretch the logo
Do not rotate or tilt
Do not apply a gradient
Do not Left/right align

Colors

Our color palette, filled with warm hues, evokes energy, optimism, friendliness, and warmth. Lead with our primary colors, and use our secondary colors to add more dimension.

Primary colors

#1E1E1E
Copy icon on Atomicwork websiteCopied confirmation icon on Atomicwork website

Charcoal black

HEX #1E1E1E
RGB 30 30 30
CMYK 72% 66%65% 75%

Secondary colors

#FFFBF3
Copy icon on Atomicwork websiteCopied confirmation icon on Atomicwork website

Light cream

HEX #FFFBF3
RGB 255 251 244
CMYK 0% 1% 3% 0%
#DADADA
Copy icon on Atomicwork websiteCopied confirmation icon on Atomicwork website

Light cream grey

HEX #DADADA
RGB 219 218 218
CMYK 13% 10% 11% 0%

Accent colors

#AD87FF
Copy icon on Atomicwork websiteCopied confirmation icon on Atomicwork website

Lavender

HEX #AD87FF
RGB 173 135 255
CMYK 42% 48% 0% 0%

Our backgrounds

Backgrounds are the foundation, not the feature. We default to white and charcoal. Clean, neutral surfaces that let typography and content do the work. Color only comes in when it needs to.

Logo background examples

The logo works across a range of backgrounds — as long as contrast is never compromised. These examples show approved treatments for solid, neutral, and photographic contexts. When in doubt, default to dark or light.

Typography

Typography is the backbone of our visual language. We use typefaces that balance clarity with character — clean enough to communicate complex information, expressive enough to feel distinctly ours.

Geist, Geist mono

Our primary typefaces for product and interface design. Geist brings sharp, modern geometry to UI text, while Geist Mono keeps code and technical content legible and precise. Together, they define how Atomicwork thinks and speaks.

Download this font

Product Images

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

See Atomicwork in action now.