all packs

Signal

Restrained dark product: near-black, one indigo, nothing loud.

SaaS/signallight + dark

Exemplar: Linear

Studied from Linear's product marketing. Original tokens and copy; no assets copied.

Live tokens

Colors

bg
#F9F9FB
surface
#FFFFFF
surface-alt
#F0F0F3
text
#20222A
text-muted
#6B7078
border
#E3E4E8
primary
#5E6AD2
on-primary
#FFFFFF
accent
#5750C4
on-accent
#FFFFFF

Type

Directionxxxl · 2.75rem
Design systemxxl · 2rem
Conversion notesxl · 1.5rem
Section headinglg · 1.125rem
Body copy for the pagemd · 0.9375rem
Supporting textsm · 0.8125rem
Meta labelxs · 0.75rem
Pack recipe 0123'Geist', 'Inter', system-ui, sans-serif
Pack recipe 0123'Geist', 'Inter', system-ui, sans-serif
Pack recipe 0123'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace

Spacing, radius, shadow

xs 0.25rem
sm 0.5rem
md 1rem
lg 1.5rem
xl 2.25rem
xxl 4rem
sm 6px
md 10px
lg 999px
sm
md

Component samples

Plan and track product work

Built for teams that ship weekly.

Quiet claim, no superlatives.

New: cycles 2.0

Free for up to 5 members.

Cycle 24

18 of 24 issues shipped

Ends Friday

Recipe

Apply the rules, place the patterns, then tune the conversion notes against the rubric.

Rules

  • Keep the canvas near-black; lift panels one step only.
  • Use one indigo. Let whitespace carry the hierarchy.
  • Cap body text width at 34rem.
  • Animate only state changes, never entrances.
  • Write short declarative sentences. No exclamation marks.

Patterns

  • Single-column hero: one headline, one subline, one action.
  • Keyboard-first feature grid with mono shortcuts.
  • Changelog as a public trust surface.
  • Testimonial row with names, roles, and avatars in grayscale.

Conversion notes

  • Offer a free tier line under the primary button.
  • Show the migration time claim: 'Import in one click'.
  • Keep the demo video above the fold on desktop.

See this pack on your site.

Attach your URL. The audit maps your gaps to Signal or a better-fit pack.

The audit engine is in build. Your URL stays in this browser.