Style Guide
Everything that makes up Lumen’s visual language: color tokens, type scale, and core components. Reference this page while customizing the template so your edits stay consistent with the rest of the design.
Colors
bgPrimary
#FFFFFF
bgSecondary
rgb(249, 249, 249)
bgDark
rgb(17, 16, 17)
primary
rgb(218, 245, 97)
accent2
rgb(255, 173, 92)
textPrimary
rgb(44, 46, 48)
textMuted
rgba(44, 46, 48, 0.4)
textOnDark
rgb(255, 255, 255)
border
rgba(0, 0, 0, 0.05)
Typography
Heading One
Familjen Grotesk / 700 / 48px
Heading Two
Familjen Grotesk / 700 / 40px
Heading Three
Familjen Grotesk / 700 / 24px
Heading Four
Familjen Grotesk / 700 / 20px
Body 2 — the quick brown fox jumps
Inter / 400 / 16px
Body — the quick brown fox jumps
Inter / 400 / 14px
Body 3 — the quick brown fox jumps
Inter / 400 / 14px