The Ryde brand
The clay and data system behind this marketing site: warm cream paper, hairline rules, heavy tight headlines and one clay-pink accent. A field guide to the tokens, type, mark and components in use here.
Lufga, tight and confident.
One typeface across the whole site. Heavy weights for headlines (letter-spacing pulled tight), regular for body, and tiny wide-tracked uppercase for eyebrows.
The mark and wordmark inherit currentColor.
The road that curves into an R, on its own as the mark or paired with "yde" as the wordmark. Both are single-colour and take on whatever ink they sit in.
Clay toys carry every concept.
A vendored set of soft clay objects, one per idea. Each is a transparent webp, de-shadowed, so it floats cleanly on cream or surface with no box around it.
Transparent webp, de-shadowed. Drop straight onto paper or a surface card, never on a coloured fill.
A small kit of repeatable parts.
Live examples of the core building blocks. Buttons stay ink or ghost, the accent only ever appears on a CTA underline, a tag, or a bar.
class="btn" · class="btn btn--ghost".tag · .chip| Feature | Ryde | Traditional apps |
|---|---|---|
| Driver take-home | Up to 95% | Higher cut |
.data-tbl · tr.qualifiedOne honest distinction: this marketing site uses Clay (#D9A299) as its accent. The product apps use Signal Green (#14E08C) as their in-app accent. They are deliberately different. Match the surface you are designing for.
