Sarah Oh

sarahoh.info

a 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 Portfolio Motion Designer Portfolio niche

Design tokens

white
black
ink-85
grey
lime
lime-bright
blue-accent
attention
confirm
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