open-design/skills/replit-deck/examples
Zakaria a46764fb1b
Some checks failed
ci / Validate workspace (push) Has been cancelled
landing-page-ci / Validate landing page (push) Has been cancelled
landing-page-deploy / Deploy landing page (push) Has been cancelled
github-metrics / Generate repository metrics SVG (push) Has been cancelled
first-commit
2026-05-04 14:58:14 -04:00
..
example-atlas.html first-commit 2026-05-04 14:58:14 -04:00
example-bluehouse.html first-commit 2026-05-04 14:58:14 -04:00
example-helix.html first-commit 2026-05-04 14:58:14 -04:00
example-holm.html first-commit 2026-05-04 14:58:14 -04:00
README.md first-commit 2026-05-04 14:58:14 -04:00

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 helix SaaS Q1 board update · 6-metric KPI row · ARR detail
example-holm.html holm Legal fintech Series A memo · serif cover · ask + team
example-atlas.html atlas Quarterly history chapter · vermilion accent · archive plate
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 and ../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 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).