skills/skeumorphism/DESIGN.md

name	colors	typography	rounded	spacing
Skeumorphism	primary secondary success warning danger surface text neutral #FA3C00 #F08321 #16A34A #D97706 #DC2626 #FFFFFF #111827 #FFFFFF	h1 body-md label-caps sourceScale weights fontFamily fontSize Germania One 2rem fontFamily fontSize Roboto 1rem fontFamily fontSize JetBrains Mono 0.75rem 12/14/16/20/24/32 100, 200, 300, 400, 500, 600, 700, 800, 900	sm md 4px 8px	sm md sourceScale 4px 8px 4/8/12/16/24/32

Overview

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

Style Foundations

• Visual style: playful
• Typography scale: 12/14/16/20/24/32
• Typography fonts: primary=Roboto, display=Germania One, mono=JetBrains Mono
• Typography weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
• Color palette: primary, secondary, neutral, success, warning, danger
• Spacing scale: 4/8/12/16/24/32

Colors

• Primary (#FA3C00): Token from style foundations.
• Secondary (#F08321): Token from style foundations.
• Success (#16A34A): Token from style foundations.
• Warning (#D97706): Token from style foundations.
• Danger (#DC2626): Token from style foundations.
• Surface (#FFFFFF): Token from style foundations.
• Text (#111827): Token from style foundations.
• Neutral (#FFFFFF): Derived from the surface token for official format compatibility.