See the metric behind the number.
8 editorial pages - strategy, positioning, logo system, color, type, and applications. Every page synced to your brand.
Tap any page to zoom in and read it full-size.
01 · Brand Cover
02 · Table of Contents
03 · Brand Strategy
04 · Strategic Positioning
05 · Brand Applications
06 · Social Presence
07 · Brand in the Wild
08 · Launch Ready Assets
The primary mark, its safe variants, and clear-space rules. Export any panel as PNG.
Every color, every format. Click any value to copy.
Brand Primary
Brand Accent
Background
Surface
Foreground
Muted
Primary Shade Scale (50 → 950)
The two typefaces that carry your brand - shown with weights, glyphs, and a working scale.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & ?!
ThinLumen
LightLumen
RegularLumen
MediumLumen
BoldLumen
BlackLumen
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & ?!
Lumen gives founders a complete brand identity - built around your positioning and ready to ship into your product.
Lumen
See the metric behind the number.
Built to stand out
A complete identity system
Lumen ships a full brand system - logo, colors, type, and code.
© 2026 Lumen
Live-rendered brand applications. Export any as PNG.
Founder & CEO
hello@lumen.com · lumen.com
Lumen
See the metric behind the number.
Lumen
See the metric behind the number.
Twelve on-brand layouts generated from your identity - no captions baked in, so each is ready to post. Shuffle for a fresh set, export any as PNG.
See the metric behind the number.
See the metric behind the number.
VERDICT: Visual systems are highly optimized for Product and growth teams drowning in dashboards who need clear answers. Palette contrast conforms to WCAG requirements. Typography pairing selected dynamically for production readiness.
A starter layout using your exact brand system.
Lumen gives you everything you need to launch with a brand that looks like it cost $10k.
Start free →Feature 1
Clean, on-brand, and ready to ship.
Feature 2
Clean, on-brand, and ready to ship.
Feature 3
Clean, on-brand, and ready to ship.
A cohesive one-page editorial brand board summarizing your visual identity.
Drop these into any codebase instantly.
/** Lumen - Tailwind tokens */
module.exports = {
theme: {
extend: {
colors: {
brand: {
DEFAULT: '#2563EB',
accent: '#4219f7',
'50': '#f4f6fb',
'100': '#e8edf7',
'200': '#c4d3f3',
'300': '#99b3ea',
'400': '#5787ef',
'500': '#2463eb',
'600': '#134cc9',
'700': '#0e3b9a',
'800': '#052770',
'900': '#031949',
'950': '#020f2c',
},
},
fontFamily: {
heading: ['Plus Jakarta Sans', 'sans-serif'],
body: ['Inter', 'sans-serif'],
},
},
},
};