Refined
01 / 06The original, repaired. Same layout, same copy, thirty-plus fixes across routing, responsiveness, contrast, and SEO.
Open directionOne brief, six systems
One studio brief.
Six design directions.
The same PDR prototype, rebuilt six ways. Direction 01 keeps the original layout and copy and repairs more than thirty bugs underneath it. Directions 02 to 06 take the same brand somewhere specific: same services, same audience, a different design system and a different voice on every page.
6 directions1 HTML file each0 frameworks30+ fixes in direction 01100% flat color, zero gradients
Editorial
02 / 06A design journal. Serif authority, numbered chapters, and copy that reads like a considered essay.
Open directionPrecision
03 / 06Swiss discipline. Exposed grid, tabular numbers, and language that reads like a well-written spec.
Open directionNoir
04 / 06Dark, quiet, senior. Whitespace does the talking and one lime signal carries the brand.
Open directionAtelier
05 / 06Warm craft. Round corners, floating shapes, and the voice of a partner rather than a vendor.
Open directionKinetic
06 / 06Full volume. Color blocks, marquees, and launch-day momentum in every line.
Open directionThe untouched original
ArchiveThe ChatGPT build, archived byte for byte. Open it next to Direction 01 and click around: the skip link, the article contents, the insight filters.
Open archiveWhy six? Because a direction is a decision.
A studio can argue about taste forever. Put six working systems side by side and the argument gets short. Every page here is production-grade markup: semantic, responsive from 360px up, keyboard friendly, and animated with restraint.