Sun Hung

www.sunhung.net

A Vietnamese solo-designer portfolio that leans hot magenta and ultra-bold display caps against near-black, then lets a Framer-driven motion stack push huge type, pinwheel graphics, and chromatic-aberration footer effects across a 21,000px scroll.

Design Portfolio Uiux Designer niche

Design tokens

page

pageAlt

surfaceVeil

text

textOnAccent

accentMagenta

linkBlue

white

black

display: VC Nudge Black
body: Aeonik Mono Regular
mono: Aeonik Mono Regular
monoAlt: PP Supply Mono Regular

Do / Don't

Reference it for

rgb(8, 9, 11) near-black page + hot rgb(246, 42, 153) magenta accent — a confident two-colour-plus-white system
Single-weight (400) typographic system carried entirely by typeface choice
VC Nudge Black-equivalent caps display at 128-160px for full-bleed type moments
Aeonik Mono / PP Supply Mono chrome at 12-13px for nav, metadata, captions
Lenis smooth scroll as the scroll engine on a 21,000px home page
Framer Motion-driven scroll reveals across 434 animated nodes
Ultra-tall single-page rhythm (21,117px) instead of multi-page navigation
Bottom-aligned dual-column "what I do / expertise" hero footer for solo-designer positioning

Do not copy

The "SUN HUNG" wordmark or the chromatic-aberration footer treatment
The exact rgb(246, 42, 153) magenta as a primary accent for non-creative-portfolio brands
The personal photography (designer mid-lecture / coaching shots) as collage elements
The "HEAD OF DESIGN. UIUX DESIGNER. AND TEACHER." positioning copy
The VC Nudge Black typeface (commercial licence required)
The Aeonik Mono / PP Supply Mono pair without the equivalent licences
The Vietnam / Saigon location framing
The 21,000px single-page scroll on brands with sub-portfolio content density

Signature moves

near-black plus hot-magenta two-colour system

a near-black rgb(8,9,11) page plus hot magenta rgb(246,42,153) and white form a confident two-colour-plus-white system on a single-weight (400) type system carried by typeface choice

oversized caps display with mono chrome

VC Nudge Black-equivalent caps display at 128-160px drives full-bleed type moments while Aeonik/PP Supply Mono at 12-13px handles nav, metadata and captions

Framer-driven ultra-tall scroll rhythm

Lenis smooth scroll plus Framer Motion reveals across 434 animated nodes carry an ultra-tall single-page rhythm (21,117px) with section-break devices (a magenta pinwheel-burst WORK gateway, EXPLORE NOW pill CTAs)

Related references

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.

Lazy Eight

strong

Creative Studio

a gallery-minimal brand-studio portfolio where a near-white canvas, one large black-and-white image and a tiny "Explore ↓" are the entire first screen, image carries everything, type whispers, and a single classic link-blue is the only colour.

Leoleo Studio

niche

Creative Studio

French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.

Letude

strong

Creative Studio

The reference for international boutique studios — bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.