HiFi Mockup
🐰
The hifi below is a real, browser-renderable single-file HTML build. Open it standalone in a new tab for a full-width view, or scroll inside the iframe here.
What you’re looking at
This is the v1 hifi — a faithful single-file HTML render of the brand book applied to the IA spec’d in Website Overview. It uses:
- Real ORP brand assets from the Drive folder (logo, wallpaper, favicon) — loaded from the portal’s
/brand/...paths. - OSS font fallbacks (Nunito + Inter) instead of the licensed Bangel + Helvetica Neue. The production build swaps to the real faces.
- Brand-book tokens for every color, every radius, every shadow.
- No placeholder lorem. All copy is the proposed final copy, ready to be refined.
The hifi is the source of truth for the designer, not the production code. The production port targets clikkin-network-website-template (Astro 5).