Developer Tools

Mintlify

mintlify.com14 colors6 componentsinterMulti-page · 12 screens

Self-updating documentation for startups, enterprises, and agents.

Remix Visit

Remix

Visit

12 screenshots captured· mintlify.com

1 / 12 · Mintlify - The documentation platform for agents · 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 mintlify.com

Primary

#18E299

Primary CTA, brand accent, active state

#0C8C5E

Secondary accent / hero band

#121715

Inline link colour

#485450

Accent / decorative

#1FA77A

Accent / decorative

#26BD6C

Accent / decorative

Neutral

#0A0D0D

Default page background

#FAF8F5

Card / panel background; Body copy

#FFFFFF

Headings / primary text

#DFE1E0

Captions, secondary text

#D9D7D4

Tertiary / placeholder text

#222222

Label colour on brand surfaces

#000000

1px borders and dividers

#9FA1A0

Neutral

Typography · inter

link14px · 500 · 16px

heading24px · 500 · 28px

h236px · 500 · 40px

h335px · 500 · 40px

body16px · 400 · 24px

body14px · 400 · 20px

display44px · 400 · 48px

caption12px · 500 · 16px

body14px · 500 · 20px

button16px · 500 · 24px

body14px · 400 · 20px

list-item16px · 400 · 24px

body16px · 500 · 24px

heading14px · 400 · 20px

caption14px · 500 · 20px

quote14px · 400 · 24px

heading16px · 500 · 24px

heading36px · 400 · 40px

body18px · 400 · 24px

body18px · 500 · 24px

h316px · 400 · 24px

heading16px · 500 · 24px

h314px · 400 · 20px

heading30px · 500 · 36px

button14px · 500 · 20px

button12px · 400 · 16px

display44px · 500 · 48px

heading36px · 500 · 40px

body24px · 500 · 28px

caption12px · 500 · 18px

Typography · arizonaFlare

heading36px · 500 · 40px

h150px · 400 · 52px

h144px · 400 · 48px

heading36px · 400 · 40px

body20px · 400 · 28px

h236px · 400 · 40px

h136px · 400 · 40px

h236px · 500 · 40px

Typography · paperMono

code14px · 400 · 21px

code12px · 500 · 18px

Typography · Inter

h136px · 500 · 40px

h316px · 500 · 24px

body14px · 600 · 20px

link14px · 400 · 20px

button14px · 400 · 24px

body16px · 400 · 24px

body18px · 400 · 28px

body14px · 500 · 20px

caption12px · 600 · 16px

body14px · 500 · 20px

caption10.4px · 700 · 13px

Spacing

12px

16px

8px

20px

32px

24px

176px

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) 0px 0px 0px 0px, oklab(0.438828 -0.00460601 0.00196934 / 0.3) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.45) 0px 0.5px 1px 0px, rgba(0, 0, 0, 0.35) 0px 1px 2px 0px, rgba(255, 255, 255, 0.14) 0px 0.5px 0px 0px inset

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

Components · 6

Remixes of Mintlify

Latest remixes

No public remixes yet. Be the first to make one.

Remix it