Style guide

The Simple Healthcare look and feel

Brand, design language, foundations, and the shared React components every Simple product is built from.

simple-shared-reactTailwind 4Manrope + Noto Sans Mono

Brand

The logo, the palette, the typeface, and the gradients. Downloads and the rules for using them, on screen and in documents.

Open brand

Who Simple is for, what we believe, and how we sound. Principles, tone of voice, terminology, and writing guidelines.

Open design language

The tokens every product is built from: color contrast, layout and spacing, the type scale, elevation, motion, and icons.

Open foundations

Every shared React component from simple-shared-react, with a live example and a checklist audit of what it does and does not handle yet.

Open core components

Search, Landscape, and Roadmap: who each is for, the shape of interface each needs, and how they are told apart without breaking the brand.

Open products

A condensed guide to this site, written for AI assistants. Point Claude, ChatGPT, or a coding agent at it before asking for Simple-branded work.