Liwei Ji
Display
·
Poppins 700
·
clamp(2.5rem, 6vw, 4.5rem)
·
line-height 1.1
·
Hero heading only
First Principles
H1 Page Title
·
Inter 800
·
clamp(2.5rem, 5vw, 4rem)
·
line-height 1.1
·
Skill & About page titles
Behind every complex challenge lies an opportunity to simplify and refine.
Body Large
·
Inter 400
·
1.2rem
·
line-height 1.7
·
Homepage intro paragraphs
I design thoughtful digital experiences at the intersection of product, interaction, and intelligence. With a strong foundation in UI/UX, I turn complexity into clarity.
Body Base
·
Inter 400
·
1rem (base 18px)
·
line-height 1.6–1.75
·
Main body content
Transforms product ideas into professional PRDs four output formats for different audiences.
Body Small
·
Inter 400
·
0.875rem
·
line-height 1.5
·
Card descriptions, captions
What It Does
Label
·
Inter 700
·
0.78rem
·
letter-spacing 0.12em · UPPERCASE
·
Section labels, tags
// Mar 21, 2026 $ step_01 #4CAF50
Mono
·
JetBrains Mono 600
·
0.72rem
·
Dates, step numbers, hex values, code