shared · Page blocks

ExtractResultView

components/tools/ExtractResultView.tsx

preview
Atmosphere extracted

linear.app

https://linear.app/
mode: darkcaptured in 9794msLinear – The system for product development
Heroh1 · 64px

The productdevelopmentsystem for teamsand agentsThe product developmentsystem for teams and agentsThe product development system for teams and agents

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
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

Spacing & Radius
Spacing scale
1px
32px
96px
128px
Radius
0px
Breakpointsdesktop-first
600
640
768
1024
1280
md: 600pxmd: 640pxmd: 768pxlg: 1024pxxl: 1280px
Motion
160ms
filter
usage · in this app
components/tools/ExtractForm.tsx
import { ExtractResultView } from '@/components/tools/ExtractResultView'

<ExtractResultView result={result} />
props
{ result: ExtractResult }
used on · 1
tokens · 3
referenced in its file
history · 1
verified
Previews for the site components
2026-10-21
Coherent Design MethodGitHubDesign system read from this app's code