Same spine.
Any screen.
Every site we ship — and every voice or chatbot interface wired into it — has to work on a phone first. Editorial typography. Mechanical split-flap stats. Boarding-pass forms. Same aesthetic, 375 pixels wide.
The real render.
Performance budget.
Under 400 KB JavaScript on the homepage.
Non-negotiable. We dropped Three.js from the hero once we measured the damage. Critical JS under 100 KB, the rest streamed.
WebP · AVIF · no 2 MB heroes.
Hero images below 320 KB. Lazy-loaded anything below the fold. Placeholder blur at 10 bytes. CLS stays at 0.
Three variable fonts, nothing else.
Fraunces variable for display. IBM Plex for body. JetBrains Mono for technical. All subsetted to latin+latin-ext. All swap-fallbacked.
Every interactive element is keyboard-reachable.
Outline on focus-visible. 2-px solid accent ring. Skip-to-content link. Landmarks and aria-labels. Prefers-reduced-motion respected everywhere.
Every build we ship runs Lighthouse on a simulated 4G mobile before launch. If anything below 95 on Performance or Accessibility, it doesn't go out.
A website that looks perfect on a MacBook and dies on a phone is just a demo.House rule · written on the Chișinău office whiteboard