34 lines
1.6 KiB
Markdown
34 lines
1.6 KiB
Markdown
# Visual style: soft-rounded
|
|
|
|
Approachable and modern. Rounded cards, gentle elevation, friendly rhythm. For product, SaaS, training, consumer decks.
|
|
|
|
---
|
|
|
|
## 1. Shape & decoration
|
|
|
|
- Shape language: rounded rectangles (`rx` 12-16), pill tags, soft containers. Consistent radius deck-wide.
|
|
- Decoration: cards as the primary container; icon accents; numbered circles; gentle dividers. Moderate, in service of clarity.
|
|
- Whitespace: comfortable padding inside cards; even gutters; balanced rather than austere.
|
|
|
|
## 2. Typography character
|
|
|
|
- Friendly sans (humanist or geometric); medium weights; clear but not severe hierarchy.
|
|
- Rounded, open letterforms suit; avoid condensed / industrial faces.
|
|
|
|
> Families are chosen at confirmation `g`; this style asks for an approachable sans *character*.
|
|
|
|
## 3. Using the deck's colors
|
|
|
|
- Theme color used confidently on covers / chapter backgrounds; same-hue tints for card backings; accent for key figures.
|
|
- Warmer, more generous color use than swiss / editorial — still disciplined (60-30-10), never rainbow.
|
|
|
|
> HEX values come from confirmation `e`; this style only governs the confident-but-disciplined (60-30-10) color use — it names no colors.
|
|
|
|
## 4. Texture / elevation
|
|
|
|
- Gentle elevation: soft shadows on floating cards (resting tier), subtle tints, optional same-hue gradients. Two-tier elevation max; keep peer-grid cards flat. (Full shadow rules: [`shared-standards.md §6`](../shared-standards.md).)
|
|
|
|
## 5. Paired image-rendering
|
|
|
|
`flat` — clean modern blocks for AI images. (For frosted-glass depth, see the dedicated [`glassmorphism`](./glassmorphism.md) style.)
|