CoherentDS

Typography

Font families, sizes and weights.

font families
sans
var(--font-geist-sans), system-ui, sans-serif
The quick brown fox jumps over the lazy dog
used by 11 components · on 1 page
GettingStartedSection · CID-059Block · CID-015CohortHeatmap · CID-021KpiCard · CID-017MrrChart · CID-019OrbitDashboard · CID-023OrbitMark · CID-022PlanBadge · CID-018PlanDonut · CID-020Sparkline · CID-016OrbitDesignSystem · CID-024
/
mono
var(--font-geist-mono), ui-monospace, monospace
The quick brown fox jumps over the lazy dog
used by 19 components · on 7 pages
HeroShowcase · CID-012Block · CID-015CohortHeatmap · CID-021KpiCard · CID-017MrrChart · CID-019OrbitDashboard · CID-023OrbitMark · CID-022PlanBadge · CID-018PlanDonut · CID-020Sparkline · CID-016OrbitDesignSystem · CID-024BreakpointsPreview · CID-033ExtractForm · CID-035ExtractResultView · CID-036HeroPreview · CID-037MotionPreview · CID-038PalettePreview · CID-039SpacingPreview · CID-040TypographyPreview · CID-041
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /tools/designmd-extractor
font sizes · 13
text-micro 10px
used by 16 components · on 7 pages
FirstDaySession · CID-067LandingHeader · CID-052HeroShowcase · CID-012CoherentMark · CID-013Logo · CID-014Block · CID-015CohortHeatmap · CID-021KpiCard · CID-017MrrChart · CID-019OrbitDashboard · CID-023OrbitMark · CID-022PlanBadge · CID-018PlanDonut · CID-020Sparkline · CID-016ToolsMenu · CID-030BreakpointsPreview · CID-033
/ · /agent · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-caption 11px
used by 23 components · on 9 pages
CopyChip · CID-065FinalCta · CID-063FirstDaySession · CID-067GettingStartedSection · CID-059ProblemSection · CID-055SiteFooter · CID-064SiteBadge · CID-006BrowserShot · CID-007HeroShowcase · CID-012Block · CID-015CohortHeatmap · CID-021KpiCard · CID-017MrrChart · CID-019OrbitDashboard · CID-023OrbitMark · CID-022PlanBadge · CID-018PlanDonut · CID-020Sparkline · CID-016OrbitDesignSystem · CID-024SectionLabel · CID-028ToolsMenu · CID-030VerifyPreview · CID-031VersionBadge · CID-032
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-ui 13px
used by 14 components · on 6 pages
ByIdSection · CID-057FaqSection · CID-062FinalCta · CID-063FirstDaySession · CID-067GettingStartedSection · CID-059Hero · CID-053LandingHeader · CID-052OpenSourceSection · CID-061ProblemSection · CID-055SiteFooter · CID-064ToolsSection · CID-060OrbitDesignSystem · CID-024SiteHeader · CID-029ToolsMenu · CID-030
/ · /agent · /gallery · /gallery/[slug] · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-body 14.5px
used by 19 components · on 9 pages
ByIdSection · CID-057DesignSystemSection · CID-056FaqSection · CID-062Hero · CID-053OpenSourceSection · CID-061ProblemSection · CID-055ProofSection · CID-058ToolsSection · CID-060Block · CID-015CohortHeatmap · CID-021KpiCard · CID-017MrrChart · CID-019OrbitDashboard · CID-023OrbitMark · CID-022PlanBadge · CID-018PlanDonut · CID-020Sparkline · CID-016OrbitDesignSystem · CID-024PageIntro · CID-066
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-lead 22px
used by 1 component · on 1 page
KillerLine · CID-054
/
The quick brown fox jumps over the lazy dog
text-lead-lg 26px
used by 1 component · on 1 page
KillerLine · CID-054
/
The quick brown fox jumps over the lazy dog
text-display-xs 30px
used by 4 components · on 9 pages
KillerLine · CID-054ProblemSection · CID-055OrbitDesignSystem · CID-024PageIntro · CID-066
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-display-sm 34px
used by 9 components · on 9 pages
ByIdSection · CID-057DesignSystemSection · CID-056FaqSection · CID-062Hero · CID-053OpenSourceSection · CID-061ProblemSection · CID-055ProofSection · CID-058ToolsSection · CID-060PageIntro · CID-066
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-display-md 38px
used by 3 components · on 1 page
FinalCta · CID-063GettingStartedSection · CID-059OpenSourceSection · CID-061
/
The quick brown fox jumps over the lazy dog
text-display-lg 44px
used by 10 components · on 9 pages
ByIdSection · CID-057DesignSystemSection · CID-056FaqSection · CID-062Hero · CID-053KillerLine · CID-054OpenSourceSection · CID-061ProblemSection · CID-055ProofSection · CID-058ToolsSection · CID-060PageIntro · CID-066
/ · /agent · /errors · /errors/[code] · /gallery · /gallery/[slug] · /lab/logos · /tools · /tools/designmd-extractor
The quick brown fox jumps over the lazy dog
text-display-xl 48px
used by 1 component · on 1 page
GettingStartedSection · CID-059
/
The quick brown fox jumps over the lazy dog
text-display-2xl 56px
used by 3 components · on 1 page
FinalCta · CID-063Hero · CID-053KillerLine · CID-054
/
The quick brown fox jumps over the lazy dog
text-code 0.85em
used by 0 components · on 1 page
/agent
The quick brown fox jumps over the lazy dog
line height & tracking · 10
tracking-display -0.03em
Letter spacing
tracking-heading -0.02em
Letter spacing
tracking-title -0.01em
Letter spacing
tracking-caps 0.12em
Letter spacing
tracking-label 0.14em
Letter spacing
leading-display 1.08
Two lines of text, set to show the line height of this token.
leading-heading 1.12
Two lines of text, set to show the line height of this token.
leading-compact 1.4
Two lines of text, set to show the line height of this token.
leading-copy 1.65
Two lines of text, set to show the line height of this token.
leading-wordmark 0.8
Two lines of text, set to show the line height of this token.
weights
Aa Bb Cc
normal
Aa Bb Cc
medium
Aa Bb Cc
semibold
Aa Bb Cc
bold
Coherent Design MethodGitHubDesign system read from this app's code