Logo System
Use the correct mark for light and dark surfaces. Keep it flat, centered and surrounded by space.
A clean black-and-white brand system for product surfaces, marketing pages, partner material and press kits.
Use the correct mark for light and dark surfaces. Keep it flat, centered and surrounded by space.
The visual language is grayscale-first. Accent color is reserved for real product state and action.
Opaque first
No text on visual noise.
Opaque plates, simple type and generous spacing keep the brand calm and readable.
These are the core assets. Pick the logo that matches the surface, keep it centered and do not add effects.
Light mode stays white and soft gray. Dark mode stays black and graphite. The page should breathe.
--bg-page
--bg-canvas
--bg-subtle
--border
--text-primary
--text-secondary
--text-tertiary
It means removing decoration until only hierarchy, product clarity and useful whitespace remain.
01
Use opaque surfaces. Never place text or logos directly on noisy backgrounds.
02
Keep the brand black, white and token-gray unless color has a functional job.
03
Use the light logo on dark surfaces and the dark logo on light surfaces.
04
Keep clear space around the mark equal to at least half the mark height.
Send the intended placement and asset usage. We will confirm the right lockup and surface treatment.