Title Font Lexend Black (900), used for headings.
Title H1 Title H2 Title H3
Body Font Lexend, used for all readable content.
Body Large: Primary descriptive text mapped to the ecosystem. Body Normal: Default paragraph text. Subtle / Caption: Used for metadata. A blockquote highlighting specific text. This container has our standard rounded-2xl, shadow-soft, and a subtle border. Integrated with Glassmorphism for the app shell. Primary Action
Continue Launch Primary
Secondary Action
Explore Projects Add Project Secondary
Tertiary Action
Learn More Tertiary
Status Actions
6.1 Pill Tabs
6.2 Dropdown Menu
6.3.1 Infinite Canvas UI The standard navigation adapted for an infinite, pannable workspace.
7.1 Modal
Open Modal
7.2 Alerts
7.3 Tooltip
Hover for info
7.4 Badges
Default Brand Success Error 3
8.1 Accordion / FAQ
8.3 List Components
Simple List

Unordered

Ordered
List with Icons
Interactive List (Navigational)
List with Avatars & Subtext
Simple Clickable Card
Card with Action Button
9.2 Uploader
9.2.2 Hover-to-Copy
9.5 Loading Bar (Indeterminate)
9.6 Determinate Progress
9.7 Loading - Bouncing Dots
9.8.1 Infinite Flow Auto-moving, blurred edges, click-to-center.
9.10 Data Visualization
9.11 Inline Charts

Activity Trend

2,405
10.1 Before/After Slider
10.4 File Trees
Interactive Tree
Selectable Tree
11.1 KPI Cards
11.5 Ecosystem Toasts
Trigger Notification
11.6 Options Menu
12. Glassmorphism Login Modal
Show Login Overlay