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 rounding, soft shadows, and a subtle border. It scales dynamically.
Primary Action
Continue
Launch
Primary
Secondary Action
Explore Projects
Add Project
Secondary
Tertiary Action
Learn More
Tertiary
Status Actions
Checkboxes
Radio Buttons
6.1 Pill Tabs
6.2 Dropdown Menu
6.3.1 Infinite Canvas UI
Now properly accepting projected HTML children directly inside the panning surface.
7.1 Modal
Open Modal
7.2 Alerts
7.3 Tooltip
Status Info
7.4 Badges
Default
Brand
Success
Error
3
8.1 Accordion / FAQ
8.3 List Components
Unordered (JSON Array)
Ordered
List with Icons
Navigational
Avatars
Simple Clickable Card
Card with Action
9.2 Uploader & Copy
9.5 Indeterminate
9.6 Determinate
9.7 Bouncing Dots
9.8.1 Infinite Carousel (JSON)
9.10 Data Visualization
10.1 Before/After Slider
10.4 File Trees
Interactive Folders (JSON)
Selectable Tree
11.1 KPI Cards
11.5 Ecosystem Toasts
Trigger Notification
11.6 Options Menus