Select a Design Variant

Four distinct visual directions, each with its own typography system, color palette, and art direction. Explore both the homepage and a secondary page for each variant.

PRECISION

// dark_tech_noir

Precision

Dark Tech Noir

A dark, sophisticated interface inspired by high-end SaaS dashboards and cyberpunk aesthetics. Sharp geometry, electric cyan accents, and monospace type elements signal technical authority.

Display: Syne·Body: JetBrains Mono

Homepage About Page

Calor

Warm Caribbean Modernism

A warm, approachable identity rooted in Caribbean culture. Rich terracotta and amber tones on a cream background, organic flowing shapes, and serif typography that feels human and trustworthy.

Display: Lora·Body: Nunito

Homepage Services Page

Vol. I — 2025

BROADSHEET

Broadsheet

Bold Editorial Magazine

A high-contrast editorial aesthetic that treats typography as the primary design element. Oversized Playfair Display headlines break the grid, with vivid coral punctuation against stark black and white.

Display: Playfair Display·Body: IBM Plex Mono

Homepage About Page

FORGE

Forge

Neo-Brutalist

Raw, confident, and direct. Chunky black borders, hard offset shadows, and bold lime-yellow accents create a no-nonsense interface that demands attention. Bebas Neue display + Epilogue body.

Display: Bebas Neue·Body: Epilogue

Homepage Services Page

All Routes

How to Use

Click any card to preview that variant. Each variant has its own navigation so you can explore both pages without returning here. All variants share the same content source.

Phase Context

This is Phase A: design validation. Content is hardcoded mock data. The selected variant's design spec will drive Phase B: full production build in Next.js + Tailwind + Payload CMS.