first-commit

2026-05-04 14:58:14 -04:00
commit a46764fb1b
1210 changed files with 233231 additions and 0 deletions
@@ -0,0 +1,18 @@
+# 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).