A design-forward demo site for a fintech / banking product, built to a production bar. Trust-clean light theme, deep pine green on off-white, a serif display face, and tabular numerals throughout so every figure lines up.
Live: ledger.signalizeai.org
- Static-first, no-JS-complete. Every page is server-rendered by Astro; all content — including the SVG balance chart and the dashboard mock — reads with JavaScript disabled. Islands hydrate only the interactive nav.
- Five pages: home, product, pricing, security, company, plus a 404.
- Real data model. Stats, features, a 12-month growth series, transactions, plan tiers, and security guarantees live in one typed data module.
- Considered motion. CSS entrance animations that are visible without JS,
scroll reveals gated behind a
.jsclass, and fullprefers-reduced-motionfallbacks. - Tabular numerals (
font-variant-numeric: tabular-nums) on every figure.
Astro 7 (SSG + islands) · React 19 island · TypeScript · Tailwind v4 · Lenis smooth scroll · Vitest · oxlint · Prettier · Cloudflare Pages.
npm install
npm run devnpm run format:check
npm run lint
npm run typecheck
npm run test
npm run buildMIT © 2026 Royal Simpson Pinto. Ledger is a concept design, not a real bank.