Image preview
A short description of the selected item.
DDS
Dohyeop Lim Design System
Foundations
Color
Background
#FAFAFC
Surface
#FFFFFF
Subtle fill
#F3F3F6
Divider
#DCDCE3
Text
#0F0F10
Diagram
#547A9F
Illustration background
#F3F6F8
Typography
- Page title
Pretendard
36 to 44px, Medium 500
Letter spacing -0.025em
Line height 115%
- Portfolio
- Section title
Pretendard
24 to 28px, Medium 500
Letter spacing -0.025em
Line height 125%
- Research
- Project title
Pretendard
20 to 22px, Medium 500
Letter spacing -0.025em
Line height 135%
- Industrial OCR
- Body
Pretendard
16 to 17px, Regular 400
Letter spacing 0em
Line height 165%
- I study document understanding and structured identifier recognition.
- Supporting text
Pretendard
15px, Regular 400
Letter spacing 0em
Line height 150%
- First author, under review
Spacing
- Within a control
- 8px
- Related content
- 16px
- Page padding
- 24px
- Content groups
- 32px
- Between columns
- 48px
Corners
Control
8px
Surface
12px
Pill
999px
Components
Headings
Research
Document understanding and recognition.
Industrial OCR
Evaluation data and recognition experiments.
Results
8,000images annotated
12.3 to 31.2 ppimprovement in exact-match accuracy
Across four structured identifier benchmarks.
Fields
Used only for a reply.
Check this value.
Surfaces
Plain
Content on the page background.
Subtle
A quiet background for an example.
Outlined
A visible boundary around related content.
Expandable details
Research methods
Methods and evaluation notes can sit below a short project description.
Project details
Use Enter or Space on the heading to show or hide these details.
Gallery and details
Content preview
A short description of the selected item.
Detail preview
A short description of the selected item.
Graphics
Shapes
Simple filled forms, with lines for connections and scanning.
Color
Neutral objects, blue for active information.
Motion
Small movements, a brief pause, then repeat.
Palette
Primary shape
#0F0F10
Active information
#547A9F
Supporting shape
#B4B4BD
Background detail
#DFE8F0
Object surface
#FFFFFF
Drawing and timing
- Drawing canvas
- 480 × 320
- Detail / connection / emphasis
- 2 / 3 / 5
- Small shape / object / panel corners
- 4 / 10 / 18
- Loop duration
- 4 seconds
Elements
Hospital
Vehicle
Waveform
Chair
Plant
Document
Motion
Content appears as it enters the viewport.
Loading states
Text
Text placeholder example
Profile
Profile placeholder example
Content
Content placeholder example
Forms
Form placeholder example