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