Brittany Chiang

brittanychiang.com
Brittany Chiang

A dark navy portfolio site using left-aligned typography hierarchy and teal accent callouts to structure a dense chronological work history with embedded project cards.

Colors

Industry

Mood

Screen type

Type style

Visual details

How it works

hero:
Large white headline (Brittany Chiang) paired with smaller gray job title and brief intro paragraph, left-aligned above a small vertical navigation menu, with social icon row below.
layout:
Single-column left-flush structure with staggered left sidebar navigation (About, Experience, Projects) that anchors the page; main content flows vertically as alternating full-width text blocks and embedded project cards with thumbnails; tag rows and metadata (dates, titles) consistently placed below each section.
type:
Bold white sans-serif headlines (likely Calibre or similar) paired with smaller gray body copy in the same family; teal monospaced labels (Geist Mono or similar) for role titles, tech stacks, and date ranges; consistent size relationships create hierarchy without increasing visual noise.
colors:
Deep navy background (#0a192f-equivalent) with white primary text, light gray secondary text, and teal (#64ffda-equivalent) used as accent underlines, link colors, and tag backgrounds to highlight key information and create visual scanlines.
distinctive:
Teal accent tags and tech-stack keywords scattered throughout employment entries function as visual anchors that break up text density while simultaneously telegraphing skills and tools without requiring separate resume sections.

Like this design?

Save it to a kit with other designs you like, then paste the kit prompt into Claude to generate new designs in this style.

Browse more designs