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.