
.avif)
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.

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.
.png)






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.
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.








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 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.
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.

