The web rendered as console hardware. Every region is a beveled periwinkle metal plate, edge-lit on top and shadow-lined below — the page reads as one machine faceplate. A carbon-navy command layer carries the navigation, the right rail, and the footer; warm amber and orange are rationed strictly as wayfinding signal. Outlined box-art wordmarks sit on full-bleed photographic hero fields.
Arial / Helvetica throughout — the era had no webfonts. Character comes from treatment, not typeface: every chrome label is uppercase Arial Bold with half-pixel tracking (silkscreen-legend voice), while hero wordmarks are heavy outlined-and-shadowed display type mimicking console box-art logotype. Body stays small and quiet at 12px.
Platinum-gray list row with a category icon, a bold headline link, and a trailing orange chevron chip. The workhorse content row.
Carbon-framed screenshot tile (~95×60px) with a micro URL caption, arranged in a tight 2×2 grid of featured sites.
Raised light-periwinkle panel posing a question with radio options and an orange Submit — the Player's Poll module.
Beveled rectangle of full-bleed product photography over a page-tinted field, topped with an outlined box-art wordmark and a circle-arrow CTA.
8px base rhythm unit. Panels carry 12px (md) interior padding; larger modules use 16px (lg); section gaps run 24px (xl) to 48px (section). The layout is deliberately dense — whitespace is structural seam, not luxury.
Sharpness with rationed roundness. Chrome is hard-edged and often chamfered (0px); roundness appears only where it signals a physical control — the pill logo, radio dots, and circle-arrow badges (9999px).
| Name | Width | Key changes |
|---|---|---|
| Desktop (only) | ~780–830px fixed | The native, sole target — a fixed-width application-style layout that does not reflow |
| Narrow window | < 780px | Horizontal scroll (no reflow); the table layout stays fixed |
| Modern port — tablet | 720–1024px | Dual nav bars → single carbon bar; two-column body → stacked; right rail moves below content |
| Modern port — mobile | < 720px | Left rotated-tab strip → horizontal chip row or removed; hero stays full-bleed with outlined wordmark |
Touch targets: button-primary clears 44×44 WCAG-AAA at 0/20px padding. Collapsing: nav → hamburger below the tablet breakpoint (yellow CTA stays); multi-column pricing/feature grids reflow to a single stacked column; section padding compresses from section (128px) toward giant (64px); display type scales down while keeping weight 500.