SOLIDA — Design System
The Digital Sanctuary
A design system built for contemplative depth — where every token, every gradient, every interaction is a deliberate act of restraint.
Chapter 1 — Foundation
Colors
M3 HCT tonal palettes, locked role pairs, full tonal scale.
Surfaces & Elevation
Six-tier tonal stack, hover architecture, ghost borders.
Gradients
20 canonical gradients — brand, directional, radial, overlay.
Typography
5 fonts, 5 roles, type scale, and pairing combinations.
Icons
SVG icon rules — correct coloring on all brand backgrounds.
Chapter 2 — Components
Buttons
Filled, outline, ghost, icon, destructive — all states.
Selection Chips
M3 filter chips with full ARIA contract.
Form Inputs
Minimalist bottom-border fields, floating labels, error states.
Content Cards
Course cards with accent bars, badges, gradient CTAs.
Badges & Pills
5 colors × 4 variants, dot indicators, counter pills.