Designing for 360px first

The default canvas for a marketing site isn’t a 27-inch monitor. It’s a 360px phone, held in one hand, in bright sunlight, by someone who is mildly annoyed. Design for that person and everyone else gets a better experience for free.

Start at 360, scale up

Every layout in the Forge design system is built mobile-first and tested at 360px before anything else. Type stays readable, tap targets stay at least 44px, and nothing requires horizontal scrolling.

Accessibility is not a phase

We hold every site to WCAG 2.1 AA: real alt text, labelled form fields, visible focus states, sufficient contrast, and a keyboard-navigable interface with semantic landmarks. A skip link is the first focusable element on every page.

Contrast survives dark mode

The palette is defined as design tokens with light and dark values, so the dark theme isn’t an afterthought that breaks contrast — it’s part of the system. The toggle you see in the header flips a single class and every token follows.

Motion respects the visitor

Page transitions and animations are real, but they all yield to prefers-reduced-motion. Delight is optional; comfort isn’t.