Jiacheng Yang
Sparse, archival, and deeply understated. A quiet split hero pairs brief first-person context with rich media, unfolding into an extensive linear feed of digital artifacts and interface studies framed by vast expanses of pale whitespace.
Visit siteColour
Background#fbfbfb
Text#000000
Accent#0073ff
Surface#ffffff
Typefaces
- Display
- RM Neue
- Body
- RM Neue
- Mono
- —
- Source
- self_hosted
- Scale
- 14 · 20 · 24 · 32 · 57
Layout
- Grid
- 16 columns
- Container
- 758px
- Spacing base
- 12px
- Radius
- 0px
Capture
- Category
- portfolio
- Sections
- 17
- Captured
- 2026-08-30
- Rhythm
- mostly light with occasional dark media entries
Type rules
- body text runs at a narrow measure of 35 characters per line
- metadata captions set at 14px with tight line height 1.29
Colour rules
- background remains an austere off-white (#fbfbfb) across almost all sections
- vibrant accent colors are restricted to external social links
Voice rules
- treat project captions strictly as index metadata with year, title, and client tags
- keep personal bio concise with short paragraphs and narrow column width
Holds it together
- frame work as an ongoing archive with year and project slug metadata below each asset
- confine bio and primary context to the initial left column while media flows continuously on the right
- use unadorned typography and avoid decorative cards or background fills
Contrast
text on background20.3:1 AAA
text on surface21.0:1 AAA
accent on background4.1:1 AA Large
background on accent4.1:1 AA Large
Type, measured
- Body
- 14px / 1.29
- Measure
- 35 characters
- Display
- 57px / 1.2
- Tracking
- 0em display
- Scale ratio
- 1.42
Voice
- Tone
- understated, precise, indexical
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- —
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 32.2 screens
Sections in page order
3 marked strong · 17- 00
hero
Sparse, airy portfolio layout pairing a quiet personal bio on the left with a minimalist media grid on the right.
- Mood
- quiet + clinical
- Layout
- 16 col · split · airy
- 01
showcase
StrongAn austere, minimalist portfolio showcase with vast expanses of pale whitespace and precise, understated interface previews.
- Mood
- quiet + clinical
- Layout
- 16 col · asymmetric · airy
- 02
showcase
Minimalist gallery showcase framing an app settings form input inside a stark white archive grid.
- Mood
- quiet + clinical
- Layout
- 16 col · stacked · airy
- 03
showcase
Minimalist digital archive entry showcasing mobile product UI workflows encased in a dark simulator card with sparse metadata below.
- Mood
- quiet + clinical
- Layout
- 16 col · stacked · airy
- 04
showcase
Minimal portfolio entry presenting a dense, dark-mode CMS interface framed by stark white space and quiet metadata.
- Mood
- clinical + quiet
- Layout
- 16 col · stacked · airy
- 05
showcase
Extremely sparse portfolio showcase dominated by vast whitespace and tiny, precision-aligned project metadata.
- Mood
- quiet + clinical
- Layout
- 16 col · stacked · airy
- 06
showcase
StrongMinimalist Swiss portfolio entry featuring a numbered checklist paired with oversized numeral artwork and sparse perimeter metadata.
- Mood
- editorial + bold
- Layout
- 16 col · asymmetric · airy
- 07
gallery
Quiet archival showcase featuring interface designs framed by vast negative space and understated typographic captions.
- Mood
- quiet + clinical
- Layout
- 6 col · stacked · airy
- 08
gallery
A stark, archival portfolio feed displaying design artifacts and UI experiments with understated metadata.
- Mood
- quiet + clinical
- Layout
- 16 col · stacked · airy
- 09
gallery
Quiet and ultra-minimalist portfolio feed with vast white space, delicate grid lines, and understated metadata labels.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 10
showcase
StrongAn ultra-restrained, gallery-like portfolio showcase using vast negative space and tiny precision metadata to frame digital product media.
- Mood
- quiet + clinical
- Layout
- 6 col · grid · airy
- 11
gallery
A stark, minimalist portfolio index presenting 3D hardware and digital artifacts through sparse media frames and quiet metadata.
- Mood
- quiet + clinical
- Layout
- 16 col · stacked · airy
- 12
gallery
An ultra-minimal, airy portfolio feed framing digital product mockups with quiet confidence and delicate micro-metadata.
- Mood
- quiet + clinical
- Layout
- 6 col · stacked · airy
- 13
showcase
Quiet, ultra-minimalist portfolio showcase featuring clean digital product mockups accompanied by sparse, indexical caption metadata.
- Mood
- quiet + clinical
- Layout
- 6 col · stacked · airy
- 14
gallery
A stark, clinical design archive presenting process diagrams and interface workflows across generous white space with precise metadata captions.
- Mood
- clinical + quiet
- Layout
- 16 col · stacked · airy
- 15
showcase
A restrained and airy design portfolio showcase presenting framed art direction posters with minimal typographic metadata captions below.
- Mood
- quiet + editorial
- Layout
- 16 col · stacked · airy
- 16
showcase
A serene, gallery-like portfolio feed framed with generous whitespace, subtle metadata captions, and full-width museum imagery.
- Mood
- quiet + editorial
- Layout
- 1 col · stacked · airy
