Identity

Logo

The mark is a continuous ribbon that reads as W + L. Use the new dark lockup for decks and merch. The older PNGs stay for the live web favicon until we swap them.

Canonical files

Lockup · dark

Lockup · dark

Primary horizontal lockup. Decks, merch, dark backgrounds.

Download
Mark · ribbon WL

Mark · ribbon WL

App icon, favicon, avatar, embroidery. Keep on black or navy.

Download

In-product files

Workloop logo used in the web app
Current web logo · workloop.us
Workloop mark used as favicon
Current web mark · favicon

Wordmark in type

Emails and decks that can't use the PNG use this HTML pattern. System stack is fine; don't invent a custom wordmark font.

Workloop

Do

  • Use the mark on dark (#0E0E10) or black.
  • Keep clear space ≈ the height of the ribbon stroke.
  • Pair the mark + “Workloop” in Geist/Inter, not inside the PNG.
  • In email/type, “loop” is indigo #3525CD. The ribbon mark is campaign blue.

Don't

  • Don't recolor the ribbon to dashboard violet.
  • Don't stretch, outline, or drop a shadow on the mark.
  • Don't put the logo on a busy photo without a dark plate.
  • Don't recreate the ribbon in Figma from memory — use the PNG.

Downloads

SVG source is a known gap. When design exports one, drop it in workloop/public/ and here.