One system, shared DNA.
The whole identity in one place. Every mark is built from one primitive — a solid source point. Lumen is the source; each module transforms the beam. Lumen carries the brand gradient; each module owns one accent.
The logo
The four marks
Palette
The gradient
Reserved for Lumen itself — the wordmark, the source mark, and gate buttons. Modules never use the gradient; each owns a single flat accent.
Typography
System UI stack — system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif. No web font dependency; it renders crisp on any device, online or off.
800 for headlines & wordmark · 700 for labels/kickers · 400 for body. Kickers are uppercase with 0.3em tracking. Headlines tighten to -0.02em.
For code, hex, timecode — ui-monospace, SFMono-Regular, Menlo, monospace.
Usage
Do
- Keep the source point a solid dot in every mark.
- Use the gradient only for Lumen; flat accent for each module.
- Swap the mark core to light (#E2E8F0) on dark backgrounds.
- Give the mark clear space equal to the source-point diameter.
- Use the favicon (mark on ink rounded square) for app icons & tabs.
Don't
- Recolor a module’s accent or give it the gradient.
- Rotate, skew, or add shadows to the rays.
- Place the gradient mark on a busy photo without the ink chip.
- Mix two module accents in one mark.
- Stretch the wordmark or change its letter-spacing.
Source files
Vector masters live in the repo at brand/logos/
(lumen.svg, roam.svg, echo.svg, mirror.svg),
the horizontal lockup at assets/lumen-logo.svg, and the app icon at assets/favicon.svg.
See the working gallery on the concepts page.
Lumen Brand Kit v1 — confidential; page gated for casual privacy only.