We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/joytorm/webforge-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server
# S62 — Denim
## Industry: SaaS
## Style DNA
- **Palette:** Indigo blues, white stitching, copper rivets.
- **Typography:** Bold slab serif (label style).
- **Radius:** Soft fabric folds.
- **Shadow:** Fabric shadows.
- **Border:** Double stitched lines.
- **Patterns:** Denim twill.
- **Motion:** Instant snap.
## Do's
- Use denim texture
- Stitching
- Rivets/Tags
- Casual vibe
## Don'ts
- Don't look silky
- Don't be too formal
- Don't look synthetic
## Design Tokens
```yaml
tokens:
meta:
style_id: "S62"
style_name: "Denim"
industry: "SaaS"
use_case: "Full Landing Page"
color:
bg:
primary: "#1a237e"
secondary: "#283593"
text:
primary: "#FFFFFF"
secondary: "#C5CAE9"
muted: "#9FA8DA"
brand:
primary: "#FFFFFF"
accent: "#bcaaa4"
border:
strong: "#FFFFFF"
subtle: "rgba(255,255,255,0.3)"
state:
success: "#81C784"
warning: "#FFB74D"
error: "#E57373"
focus:
ring: "#FFFFFF"
radius:
none: 0
sm: 2
md: 4
lg: 8
border:
width:
hairline: 1
medium: 2
stitch: "3px double"
shadow:
fabric: "0 2px 8px rgba(0,0,0,0.2)"
pocket: "inset 0 4px 8px rgba(0,0,0,0.15)"
layout:
container:
content: 1120
wide: 1280
grid:
desktop: 12
tablet: 8
mobile: 4
gutter:
mobile: 16
desktop: 24
motion:
duration:
fast: 100
normal: 200
easing: "ease-out"
typography:
font:
sans:
primary: "Roboto Slab"
fallback:
- "Rockwell"
- "serif"
mono:
primary: "JetBrains Mono"
fallback:
- "monospace"
scale:
h1: { size: 52, line: 60, weight: 700, tracking: 0.01 }
h2: { size: 38, line: 46, weight: 600, tracking: 0 }
h3: { size: 26, line: 34, weight: 600, tracking: 0 }
body: { size: 16, line: 26, weight: 400, tracking: 0 }
small: { size: 14, line: 20, weight: 400, tracking: 0 }
spacing:
base: 8
section_py:
mobile: [56, 72]
desktop: [88, 112]
```