Skip to content
Browse
Library

ALSO. Bicycle zine on cream paper.

  • Commerce
  • Light theme
  • 12 colors
  • 3 typefaces

ALSO reads as a confident, editorial product showcase — a bicycle zine reimagined for the web rather than a conventional e-commerce interface. A warm cream canvas (#fcf7fa) carries every surface while a single electric violet (#ac74fc) does the work of an entire color system, appearing on links, borders, highlights, and the dominant CTA fill. Type is whisper-tight: ABCCameraPlainVariable pushes negative tracking harder as size grows and line-heights collapse to 0.93 at display, making even the 60px headline feel architectural rather than shouty. Uppercase mono labels (SerialC-Heavy) with positive tracking act as eyebrows, button text, and section markers — the only place the type system opens up. Pill buttons (9999px) sit on hard 2px violet offset shadows with zero blur, reading as stickers pressed onto paper rather than soft UI elevation. Full-bleed violet sections flip the canvas to accent mode without changing typography, spacing logic, or component rules — the same buttons, same shadows, same rhythm, just inverted.

Visit ridealso.com
Screenshot of ALSO
Captured from ridealso.com on October 11, 2026

ALSO design system

ALSO

Brand4

  • Primary accent — link borders, active states, icon highlights, section accent borders. The brand's signal color

  • Primary CTA button fill — the dominant call-to-action, sits on violet hard shadow with black text

  • Dark violet text variant, deep accent borders, section-level emphasis when Electric Violet feels too bright

  • Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Accent2

  • Sparingly used highlight wash or accent surface for urgency moments (limited drops, reservation states)

  • Outlined action border — secondary ghost button or informational outline accent

Neutrals6

  • Primary text, default borders, icon strokes — the structural ink of the system

  • Dark CTA fill — the secondary action button (e.g. Reserve), pairs with white text and violet shadow

  • Input field borders, secondary dark surfaces

  • Tertiary surface, muted dividers, subtle background washes

  • Page canvas, soft section background — warm off-white with a barely-there pink cast, never pure white

  • Card surfaces, elevated panels, button text on violet fills

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Carbon Black on Electric Violet

6.66 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.