Files
claude-plugins/composer/skills/ui-system/references/inspiration-presets.md

22 lines
1.8 KiB
Markdown
Raw Normal View History

# Inspiration presets
When the user names a reference ("like Linear", "like Notion"), apply these
presets as starting points. The user still confirms each value — presets
seed the conversation, they don't replace it.
| Reference | Visual posture | Color tone | Type | Density | Motion | Radii |
|---|---|---|---|---|---|---|
| **Linear** | quiet, dense, monochrome with one purple accent | cool neutral | Inter | compact | restrained, fast | tight |
| **Notion** | minimal, generous spacing, friendly | warm-leaning true neutral| Inter / system | comfortable | minimal | medium |
| **Stripe** | clean, technical, indigo accent | cool neutral | Camphor / system | comfortable | restrained | medium |
| **GitHub** | utilitarian, dense, clear hierarchy | cool true neutral | -apple-system stack | compact | minimal | tight |
| **Vercel** | sharp, monochrome, contrasty | true neutral, almost B&W | Geist / Inter | comfortable | restrained, fast | tight |
| **Apple HIG** | spacious, soft, system-native | warm-cool mix per platform| SF Pro | cozy | expressive | medium |
| **Material 3** | adaptive, expressive, dynamic color | tone-based dynamic | Roboto / Plus Jakarta | comfortable | expressive | pillowy |
For "make it look exotic / brutalist / playful / etc.", branch cleanly: ask
for two or three reference URLs the user has in mind, and reflect them back
as a posture sentence rather than picking presets. Don't invent a preset —
the value of this table is that the rows are well-known, recognizable
products, not vibes.