This is the CRAFT

No screenshots. No borrowed proof.
Every panel below is real: live, in your browser, built by hand.

Typography

Three typefaces. One scale. Geist, Instrument Serif, Bebas Neue.

Craft
96px · Bebas Neue

Motion

One easing language across every interaction: cubic-bezier(.16,1,.3,1). Tasteful, never noisy.

Built by hand. No library dependency.

Speed

Measured in your browser, not promised in a pitch. The number opposite is real: this page, your device, right now.

ms to load
Navigation Timing API. No estimates, no rounding.

Code

No drag-and-drop. No platform lock-in. Open View Source and read it yourself. Every line is deliberate.

body {
  font-family: 'Geist', sans-serif;
  font-weight: 300;
}

/* hand-coded, every pixel deliberate */
.hero-word {
  transition: transform .52s
    cubic-bezier(.16, 1, .3, 1);
}

/* no builder, no theme, no exceptions */
No drag-and-drop. No platform lock-in. ⌘ U → View Source

Colour

Five colours. Every pair chosen for legibility. AA contrast is the floor, not the ceiling.

Ink #0E0D0C
Paper #FAFAF7
Gold #D6B75D
Mid #6B6860
Warm #F5F3EF
Hover any swatch. Everything chosen for legibility first.

Detail

The invisible craft. Toggle, checkbox, float label, loading state. Every element state is designed. Touch them all.

Toggle
Checkbox
Float label
Loading state
Every state deliberate: hover, focus, loading, success.

Every detail above is in the site you commission. Not as a portfolio exercise. As a standard. Clients who work with Websites House feel the difference the moment their site goes live. So do their customers.

Where we stand

What we refuse.
What we build.

We refuse

  • Templates & off-the-shelf themes
  • Drag-and-drop builders
  • Plugin bloat & untouched third-party code
  • Borrowed proof & a faked client wall
  • Lock-in you can't walk away from
  • Animation for its own sake

We build

  • Hand-written HTML, CSS & JavaScript
  • A design system made for one business
  • Code you own and can take anywhere
  • A performance budget, and we keep it
  • Accessibility & reduced-motion respected
  • A privacy-aware setup from day one

Available for new projects

One project at a time.
Yours could be next.

A small number of carefully scoped builds each year. The studio is currently accepting new enquiries from established UK businesses, with calls or London meetings available where useful.

Start the conversation

New client work appears here only with written permission. No borrowed proof, no fake client wall.