Productivity

spectr.pm

spectr.pm16 colors5 componentsInter-e4c28016845df4efMulti-page · 12 screens

Spectr turns meetings into PRDs, specs, user stories and Jira, Linear or Shortcut tickets for PMs, founders and delivery teams. You approve it all. Free plan.

Remix Visit

Remix

Visit

12 screenshots captured· spectr.pm

1 / 12 · Spectr - AI Product Ops: Meetings to PRDs, Specs & Stories · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from spectr.pm/

Primary

#894DEF

Primary CTA, brand accent, active state

#A273F2

Accent / decorative

#14532D

Accent / decorative

#78350F

Accent / decorative

#166534

Accent / decorative

#4ADE80

Accent / decorative

#92400E

Accent / decorative

#FBBF24

Accent / decorative

Neutral

#0D0D0D

Default page background

#171717

Card / panel background

#FAFAFA

Headings / primary text; label colour on brand surfaces

#B8B8B8

Body copy

#2E2E2E

1px borders and dividers

#6B6B6B

Neutral

#000000

Neutral

#262626

Neutral

Typography · Inter-e4c28016845df4ef

body15px · 500 · 23.25px

body16px · 500 · 25.6px

caption12px · 500 · 16.5px

link14px · 500 · 20px

display132px · 800 · 198px

body19px · 500 · 29.45px

caption12px · 600 · 12px

hero-display288px · 900 · 288px

h172px · 800 · 72px

body18px · 600 · 28px

body14px · 600 · 20px

body13px · 500 · 19.5px

body14px · 500 · 22.75px

body19px · 700 · 28.5px

h244px · 800 · 46.2px

display200px · 900 · 200px

body13.5px · 500 · 20.925px

heading16px · 600 · 24px

body13px · 600 · 19.5px

body15px · 600 · 22.5px

heading19px · 600 · 28.5px

body14px · 400 · 20px

body16px · 800 · 24px

h319px · 600 · 28.5px

heading30px · 700 · 36px

list-item16px · 500 · 24px

button15px · 600 · 22.5px

h148.96px · 700 · 52.8768px

h277.76px · 800 · 77.76px

h324px · 700 · 32px

button16px · 500 · 24px

caption13px · 500 · 19.5px

display280px · 900 · 280px

display66.24px · 800 · 68.8896px

display252px · 900 · 252px

display40px · 800 · 60px

body16px · 600 · 24px

display99px · 600 · 99px

body18px · 700 · 28px

button19px · 700 · 28.5px

display63.36px · 800 · 63.36px

body13.5px · 600 · 16.875px

h230px · 700 · 36px

h320px · 700 · 28px

display48px · 900 · 48px

button12px · 500 · 16px

h292.16px · 800 · 90.3168px

button14px · 600 · 20px

h316px · 600 · 24px

heading30px · 600 · 36px

Typography · JetBrains Mono-33799697913f1f09

code13px · 600 · 19.5px

code11px · 600 · 16.5px

code11px · 500 · 16.5px

code12px · 500 · 16px

code14px · 600 · 20px

body11px · 600 · 16.5px

code12px · 500 · 20.4px

code11px · 700 · 16.5px

Spacing

8px

12px

16px

4px

24px

44px

32px

40px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

Components · 5

Remixes of spectr.pm

1 remix

Latest remixes

Spectr Remixby Mayank G. · Oct 27, 2026