CoherentDS
shared · Page blocks

PalettePreview

components/tools/PalettePreview.tsx

preview
Color · 7 tokens
brand
#f7f8f8
a text
#ffffff
button-primary text
background
#08090a
body background
text
#f7f8f8
body text
#8a8f98
h2 text
#d0d6e0
h3 text
#ffffff
button-secondary text
usage · in this app
components/tools/ExtractResultView.tsx
import { PalettePreview } from '@/components/tools/PalettePreview'

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