CoherentDS
shared · Page blocks

TypographyPreview

components/tools/TypographyPreview.tsx

preview
TypographyInter Variable · SF Pro Display
h1

The quick brown fox jumps

h2

The quick brown fox jumps

h3

The quick brown fox jumps

h4

The quick brown fox jumps

body

The quick brown fox jumps

usage · in this app
components/tools/ExtractResultView.tsx
import { TypographyPreview } from '@/components/tools/TypographyPreview'

<TypographyPreview result={result} />
props
{ result: ExtractResult }
used on · 1
/tools/designmd-extractor
tokens · 5
referenced in its file
--card--card-foreground--font-mono--foreground--muted-foreground
history · 1
verified
Previews for the site components
2026-10-21
Coherent Design MethodGitHubDesign system read from this app's code