19 lines
1.3 KiB
Markdown
19 lines
1.3 KiB
Markdown
|
# Examples
|
||
|
|
|
||
|
|
Four hand-written examples showing how `replit-deck` looks under different themes. Each is a self-contained HTML file — open in any browser, navigate with ← / →.
|
||
|
|
|
||
|
|
| File | Theme | Scenario |
|
||
|
|
|---|---|---|
|
||
|
|
| [`example-helix.html`](example-helix.html) | `helix` | SaaS Q1 board update · 6-metric KPI row · ARR detail |
|
||
|
|
| [`example-holm.html`](example-holm.html) | `holm` | Legal fintech Series A memo · serif cover · ask + team |
|
||
|
|
| [`example-atlas.html`](example-atlas.html) | `atlas` | Quarterly history chapter · vermilion accent · archive plate |
|
||
|
|
| [`example-bluehouse.html`](example-bluehouse.html) | `bluehouse` | Real estate ROI pitch · gradient cards · pill headlines |
|
||
|
|
|
||
|
|
The four remaining themes (`vance`, `bevel`, `world-dark`, `world-mint`) are fully defined in [`../assets/template.html`](../assets/template.html) and [`../references/themes.md`](../references/themes.md). To try them:
|
||
|
|
|
||
|
|
1. Copy `../assets/template.html` to `example-<theme>.html`
|
||
|
|
2. Change `<body data-theme="helix">` to the theme you want
|
||
|
|
3. Paste layouts from [`../references/layouts.md`](../references/layouts.md) that match the theme
|
||
|
|
|
||
|
|
> **Note**: Numbers in these examples are synthetic, for illustration only. Real usage goes through the skill's workflow (question form → brief → honest metrics from the user).
|