Sidelay Brand Guide

Your whole team, on the same page.

This is the working reference for the Sidelay brand. Tokens, typography, components, and the voice we use to talk about what we're building. It evolves alongside the product.

Foundations

• Colors

  Brand palette, semantic surfaces, contrast pairs, and the full ramps.

  Open ↗

• Typography

  Plus Jakarta Sans and DM Sans. Display, UI, and body scales.

  Open ↗

• Spacing

  Space scale, radii, container widths, and rhythm rules.

  Open ↗

• Breakpoints

  Mobile-first breakpoints and container widths.

  Open ↗

• Icons

  Lucide icon library, sizing rules, and usage guidance.

  Open ↗

• Motion

  Durations, easings, and motion principles.

  Open ↗