[ DESIGN SYSTEM ]
Style Guide
The visual foundation, tokens, typography scales, and interface components of the Novaform design system.
01 / COLOR TOKENS
Color Palette
#000000
Black Color#000000
#ffffff
White Color#ffffff
#0a0a0a
Primitive Dark#0a0a0a
#f0f0f0
BG Color 1#f0f0f0
#f5f5f5
BG Color 2#f5f5f5
#0c5eff
Electric Blue#0c5eff
#85acfa
Accent Cyan#85acfa
#8f8f8f
Muted Gray#8f8f8f
02 / TYPOGRAPHY SCALE
Typography Scale
Heading 1 • Inter Tight • 5rem / 80px • 1.0 Line Height
Headline One
Heading 2 • Inter Tight • 3.5rem / 56px • 1.1 Line Height
Headline Two
Heading 3 • Inter Tight • 2.25rem / 36px • 1.2 Line Height
Headline Three
Heading 4 • Inter Tight • 2rem / 32px • 1.3 Line Height
Headline Four
Paragraph Large • Geist • 1.25rem / 20px
The quick brown fox jumps over the lazy dog. Exceptional design harmonizes functional simplicity with unforgettable artistic restraint.
Paragraph Regular • Geist • 1.0rem / 16px
Novaform delivers strategic creative services, engineering high-impact digital products and scalable brands for ventures worldwide.
03 / INTERACTION COMPONENTS
Button Variants
Ready To Build
Something Exceptional?
Contact Us
