Stratomation.

A multi-page trading-strategy blueprint with a locked editorial design system — the aesthetic foundation that this very site is built on.

DESIGN SYSTEM · CONTENT

RoleSolo StackHTML · CSS · Print StatusLive Year2026 Livestratomation.reblis.com ↗
Stratomation master blueprint landing page

Problem.

I had a multi-page trading playbook in a Word doc — six strategies, lots of charts, a master orchestrator on top. It needed to live as a reference site I (and traders I share it with) could read on a phone, click into chart modals, and print to PDF cleanly. And I wanted the visual system reusable, because my next several projects would lean on the same aesthetic.

Approach.

Hand-coded multi-page static HTML with one shared design language: Electric Rainbow palette, JetBrains Mono + Inter pairing, terminal-analyst tone. Each strategy gets its own page with chart modals (click any chart → full-size with backdrop dismiss, Esc-to-close). The Master Blueprint at the root orchestrates the six strategies as a cohesive narrative. Print CSS is per-page and pixel-clean — one strategy = one printed page, three for the master. The style guide page is the canonical visual source of truth (~1110 lines), referenced by every downstream project.

HTML CSS custom properties JetBrains Mono + Inter Chart.js (modals) nginx certbot Print CSS

Outcome.

Shipped April 2026, all 7 pages plus the style guide. The locked aesthetic is now the foundation for two trading bot dashboards (sd.reblis.com, stratomation.reblis.com bot) and Reblis.ai itself — the page you're reading uses the same tokens, type pairing, and editorial scale. Print-to-PDF works on every page. Standalone strategies (ORB, Wheel) added later.

Gallery.