Brand Design System

Typography
Display Manrope 800
64px
Premium brand vision.
H1 Manrope 600
56px
The modern design system for high-intent client platforms
H2 Manrope 700
40px
Architected for clarity and scale
H3 Manrope 700
30px
Purpose-built digital experiences
H4 Manrope 600
24px
Accessible typography with native scales
H5 Manrope 600
20px
Standardized interface components
Hero Sub Manrope 500
22px
Transforming complex products into elegant, high-converting digital foundations that resonate with decision-makers.
Body Manrope 500
18px
Clear interface structures minimize cognitive overhead and deliver responsive layouts across desktop and mobile form factors.
Small Body Manrope 500
16px
Engineered for data-dense dashboards, technical documentation, and secondary feature descriptions.
Eyebrow Manrope 600
18px
Brand Guidelines
Label Manrope 600
15px
Verified design token
Caption Manrope 600
12px
SYSTEM TEMPLATE 2026
Colors
White Canvas
Primary Surface Base
#FFFFFF
Obsidian Black
Typography & Core CTA
#0A0A0B
Feature Color
Primary Signal Accent
#302C83
Slate Neutral
Editorial Subtext & Body
#61616B
Surface Mist
Subtle Cards & Backgrounds
#F6F8FA
Visual Style & Assets Component Archetypes, Live Mockup, Tactile Controls, and Depth Elevation
Live Screen Unit Standard Hero Module
Platform Solutions Resources
Get Started
Design System Showcase
The digital framework engineered for premier enterprise brands
Deliver exceptional experiences with standardized tokens, high contrast typography, and accessible interaction patterns.
Industry Verification
Enterprise Tier • High Fidelity • Validated UX
Tactile Button System 4 Core Archetypes
Interactive Action
Form Input Architecture Labels, Focus & Error
Strict 16px font floor prevents iOS mobile auto-zoom.
Please enter a valid format.
Eyebrow Style Single System Archetype
Primary Category Tag
Spacing System 8px Baseline Scale
8px
16px
24px
36px
48px
Surface Treatment Layer • Border • Depth
Verified ELEVATION 03
Confidence layer
Structured elevation with quiet feature signal.