Work Services Start a project

Work 03

merova.app

TypeWebsite and identity

StatusLive, you're on it

OriginSelf-initiated

About it

Merova's own home, designed and built from scratch. The brief I set myself: black first, ivory second, one strong idea instead of many small effects, and a site that loads fast on any phone. The site is also the studio's first piece of work, so it has to show what I'd build for someone else.

Details

Type
Website and identity
Built with
Plain HTML, CSS and JavaScript. No frameworks.
Typefaces
Instrument Sans and IBM Plex Mono, self-hosted
Hosting
Vercel, with strict security headers
Colour
#090909 black, #F1EFE9 ivory, vermilion only as a signal
The merova.app home page.
Frame 01 The home page, built around the Fold and a single statement.
The Merova Fit product page.
Frame 02 Merova Fit's own page inside the studio site.
The Merova brand kit page.
Frame 03 A brand kit anyone can download.

What I did

  • A monochrome design system: type scale, buttons, links and layout rules.
  • The Fold: the logo as a 3D object you can turn (see the next project).
  • A data-driven Work section, so new projects slot in without a redesign.
  • Policy pages ready for payments, and a strict content security policy.
  • Every page works without JavaScript, with a keyboard, and with reduced motion.
Next project The Fold Experiment