Sarah Oh

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

Related references

Gianluca Gradogna

niche

Design 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

niche

Design 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.

Jens Bosman

niche

Film Production

The reference for solo motion-director portfolios - pure black canvas with monumental Helvetica display type, pill-shaped chip nav, and a single sticky "W." / vertical "Honors" chrome mark.

Lanserring

flagship

Trades

a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.