Wordmark
The primary logo. Always set in the brand typeface at weight 800. The period is part of the mark — never remove it.
Brand
Logo, colors, typography, voice, and social assets. Everything needed to represent Loom consistently across surfaces.
Logo
Wordmark
The primary logo. Always set in the brand typeface at weight 800. The period is part of the mark — never remove it.
Monogram
For favicons, app icons, and small spaces. The teal dot is the accent — it stays with the L.
Profile images
Banners
Color
All colors are defined as CSS custom properties. Toggle the theme to see them shift.
Typography
Primary — Space Grotesk
The record is always yours.
Weight 800 for headlines, 400 for body. Tracking tightens with scale: -0.05em at display sizes, -0.02em at body.
Accent — Spectral italic
scales, clarity, human
Used sparingly in headlines for the emotionally loaded word. Always italic, always teal. Applied via <span class="serif">.
Monospace
loom/platform/infrastructure
For IDs, paths, code, and technical values. Semantic use only — never decorative.
Voice
Technical, second-person. Write to a staff engineer. Never explain what they already know.
Lead with what the reader gets, not how it works. Identity before mechanism.
State facts. No exclamation marks. No "excited to announce." Periods, not questions.
Numbers, specifics, named concepts. Avoid "seamlessly," "easily," "powerful."
Loom doesn't shout. It states. The reader recognizes quality without being told.