DSVersion 2.0
Design
system
The complete visual language for Friendly Creative Studios. Every color, typeface, spacing value, and component — specified with exact values.
Typefaces3
Brand color
Max width1440
Type tokens25
Stack
Framework
Next.js 14
Styling
Tailwind CSS
Animation
GSAP
Fonts
Google Fonts
Key constraints
No dark mode
No shadows
No inline CSS
No raw elements
No arbitrary values
No manual overrides
Explore
Foundations
Principles, constraints, semantic HTMLColors
Brand palette, grays, surfaces, status, borders, WCAGTypography
25 tokens, 3 typefaces, live specimensSpacing
Section padding, joints, rhythm, containersLayout
Page anatomy, breakpoints, grids, templatesComponents
12 primitives, buttons, cards, inputs, formsMotion
Easing curves, durations, GSAP patterns, CSS transitions