Speed.Style
The system behind the speed
Brand foundations, components, media, and whole-page references from Speed-draft.
Start here
| Brand | Foundations, color, and type. |
|---|---|
| Build | Components and layout. |
| Designs | Explore the 13 website and product references. |
Guidance
| Page | View | What it owns | Status |
|---|---|---|---|
| Foundation | Brand | What the brand stands for and the few decisions every other page follows from. | Authored |
| Logo | Brand | Each lockup on the ground it is for, clear space, minimum sizes, and misuse. | Authored |
| Typography | Brand | The type families, the type scale, and specimens. | Authored |
| Color | Brand | The palette and which text color belongs on which ground. | Authored |
| Icons | Brand | The icon set, its sizes, and how it takes color. | Authored |
| Voice & Tone | Brand | How the brand sounds: rules, rewrites, and words to use or avoid. | Authored |
| Spacing & shape | Web | The spacing scale, radii, layout constants, and motion durations. | Authored |
| Photography | Web | Subjects, treatment, crops, and the approved image library. | Authored |
| Components | Web | Buttons and form fields, each with a live preview, its rules, and its markup. | Authored |
| Layout | Web | Grid, section rhythm, breakpoints, and how long content wraps. | Authored |
| Page archetypes | Web | The canonical page compositions built from the library. | Authored |