Sarah Oh
sarahoh.infoa playful Cargo.site motion-designer portfolio on white, where a single Diatype sentence introduces the person, lime-pill tags and emoji punctuate the copy, and glossy 3D-render thumbnails (a nautilus, a shrimp, a swan) do the talking.
Design tokens
- display
- Diatype Variable
- body
- Diatype Variable
- mono
- CargoMonumentGrot
Do / Don't
Reference it for
- Personality-first portfolio voice: a single conversational sentence with a working emoji as the entire hero.
- Lime-pill tags and nav as a friendly, on-brand alternative to a plain text menu or sober tag chips.
- A loose, scrapbook gallery of vivid 3D renders against near-white, letting saturated work pop without competing chrome.
- Cargo.site's scroll-animation vocabulary (fade / fly / blur / scale / rebound) as a ready inventory of entrance motions.
- One typeface (Diatype) doing everything, with warmth coming from colour and copy, not type variety.
Do not copy
- The "Oh!" flower logotype and the shrimp-enthusiast line are Sarah's identity; borrow the warm register, write the client's own.
- The 3D renders are her actual portfolio work; never reuse the imagery, only the loose-gallery treatment.
- Cargo's 60-strong keyframe library is generous but easy to overuse; pick two or three entrances, not all of them.
Signature moves
personality-first single-sentence hero
one conversational sentence with a working emoji is the entire hero, warmth coming from copy and colour not type variety, set in a single typeface (Diatype) doing everything
lime-pill tags and nav
fully-rounded lime pills (radius 100px) carry tags and navigation as a friendly alternative to a plain text menu, against near-white
loose scrapbook gallery with scroll entrances
a loose gallery of vivid 3D renders sits against near-white, animated in with a small subset of Cargo's scroll vocabulary (fade / fly / blur / scale / rebound) via ease-in-out opacity transitions
Related references
First Frame
nicheFilm Production
Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.
Gianluca Gradogna
nicheDesign Portfolio
a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.
Hugo Baron
nicheDesign Portfolio
The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.
Ichiki 109
nicheDesign Portfolio
The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.