Design system concept · 2026

Opnest

A twenty-page design system and exploration set, indexed by what each page is: foundation, exploration, audit or reference.

A design project: we designed these screens, and they were not built by us.

  • Design
  • Design System
  • Branding
  • Accessibility
Opnest website: screen

Overview

Opnest is a design system exploration presented as a cover and an index of twenty pages. The index is the argument: every page is tagged as a foundation, an exploration, an audit or a reference, so a reader can tell the system itself from a surface built with it and from a claim that was tested. Pages run from the brand system and component states through product and marketing surfaces to onboarding, pricing and motion. Each card carries a one-line description and a settled conclusion, including the accessibility audit: 2,012 text nodes checked against WCAG AA, 31% failing at the start and 2.6% at the end, with three exemptions stated rather than hidden.

An index that states what each page is for

Twenty pages are tagged as foundation, exploration, audit or reference. The tag tells a reader whether a page defines the system, applies it, or tests a claim about it, which is usually left to guesswork in a design file.

Claims carried to a conclusion

Each card ends with a settled line rather than a description. The accessibility page reports the measurement, the failure rate before and after, and the exemptions that remain. The contrast test records a hypothesis that turned out to be wrong.

One typeface, one gradient, stated limits

The system runs on a single typeface and one electric-blue mesh over quiet neutral surfaces, and the notes record where that gradient fails: two of the patterns did not survive being built.

Built with

  • Figma

Design details

Colour palette

Typography: Geist

Headings

Large heading

Section heading

Subheading

Body text

The quick brown fox jumps over the lazy dog. Body copy is set in this typeface across the site, from service descriptions to contact forms.

Screenshots

Opnest website: screen

1 / 4

Want a design like this?

Tell us what you need and get a fixed quote within 24 hours. Projects from £1k.

See what we do

Rather talk it through? Book a free call