My Framer Site

Design system

Every color, type style and component that makes up the Cortiq template.

Brand

Logo · mark

Cortiq

Colors

Framer color styles + Kit.tsx tokens

Primary#8B5CF6

Buttons, links, highlights

Primary Hover#9D74FF

Hover states

Accent Soft#A78BFA

Icons, eyebrows, glows

Background#09080D

Page background

Secondary BG#100D16

Panels, inputs

Surface#17121F

Cards

Border#30263D

Borders, dividers

Primary Text#F7F5FA

Headings, body emphasis

Secondary Text#AAA3B8

Body copy

Muted Text#756D82

Captions, 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 preview

Text link

Pills & tags

NewMulti-agent workflowsEyebrowAccentMutedSuccessWarningDanger

Cards

Spotlight border on hover

Series A SaaS teams hiring sales leaders

lumora.ioRaised $12M Series A

quantia.comHiring: Head of Sales

helixa.aiNew CRO announced

42 sources read · 18 citedBrief ready

Revenue

Research Agent

Finds, reads and summarizes sources across the web and your docs, so every decision starts with facts.

View agent

Tojake@lumora.io

SubjectCongrats on the Series A, Jake

3 signals usedSend

Revenue

Sales Agent

Qualifies inbound leads, writes personal outreach and books meetings straight onto your calendar.

View agent

#1042Charged twice this monthResolved

#1043Can't connect CalendoDrafted

#1044Upgrade to Growth planRouted

#1045Export my audit logsResolved

Avg. first reply38 sec

Customer

Support Agent

Answers tickets from your help center, routes edge cases and keeps customers happy around the clock.

View agent

Form fields

Default · focus · error

Default

Focus

Error Please enter a valid work email.

Integrations

Icons

79 icons · Kit.tsx → <Icon name="…" />

arrow-right

arrow-up-right

arrow-left

check

plus

minus

chevron-down

chevron-right

play

sparkles

bot

mail

zap

shield

lock

key

file

eye

cpu

database

wrench

layers

users

user-check

headphones

dollar

chart

trend

sliders

workflow

clock

bell

globe

star

quote

link

calendar

message

target

branch

refresh

alert

check-circle

x-circle

building

send

book

inbox

activity

pen

box

scroll

badge

toggle

history

network

focus

pointer

filter

ticket

triangle

grid

hub

check-square

code

receipt

rocket

phone

handshake

palette

type

x_social

github

youtube

Radius

Cards 20–28 · Buttons pill

8px12px16px20px28pxpill

Launch your first agent in minutes. No credit card required.

Build your first agent Talk to sales

14-day free trialSOC 2-readyHuman approval built in

Style guide.

Brand

Colors

Typography

Buttons & links

Pills & tags

Cards

Research Agent

Sales Agent

Support Agent

Form fields

Icons

Radius

Put your AI workforce to work.