Design system
Every color, type style and component that makes up the Cortiq template.
Brand
Logo · markCortiq
Colors
Framer color styles + Kit.tsx tokensPrimary
#8B5CF6Buttons, links, highlights
Primary Hover
#9D74FFHover states
Accent Soft
#A78BFAIcons, eyebrows, glows
Background
#09080DPage background
Secondary BG
#100D16Panels, inputs
Surface
#17121FCards
Border
#30263DBorders, dividers
Primary Text
#F7F5FAHeadings, body emphasis
Secondary Text
#AAA3B8Body copy
Muted Text
#756D82Captions, meta
Typography
Geist (headings) · Inter (body)H1Geist 600 · 78/80 · -4.5%
Hire AI agents, not more tools.
H2Geist 600 · 54/57 · -4%
Hire AI agents, not more tools.
H3Geist 600 · 22/28 · -2.5%
Hire AI agents, not more tools.
H4Geist 500 · 18/23 · -2%
Hire AI agents, not more tools.
LeadInter 400 · 18/29
Build autonomous agents that research, write and act across your stack.
BodyInter 400 · 15/24
Build autonomous agents that research, write and act across your stack.
SmallInter 400 · 13/20
Build autonomous agents that research, write and act across your stack.
Gradient*wrap words* in titles
Put your AI workforce to work.
Buttons & links
Hover to previewPills & tags
NewMulti-agent workflowsEyebrowAccentMutedSuccessWarningDanger
Cards
Spotlight border on hoverForm fields
Default · focus · error Please enter a valid work email.
Icons
79 icons · Kit.tsx → <Icon name="…" />Radius
Cards 20–28 · Buttons pill8px12px16px20px28pxpill