Locomotive

How it works

hero:

Pixelated tile mosaic in staggered arrangement occupying upper two-thirds of blue field, with agency name and tagline positioned bottom-left in small sans-serif, creating hierarchical de-emphasis of text against visual impact of abstract pattern.

layout:

Masonry-like flow starting with hero mosaic, transitioning to centered single portfolio image, then vertically stacked text-based sections: featured work list, agency statement block with two-column text, extras section with three left-aligned link columns, and product grid with minimal spacing.

type:

Display serif (likely high-contrast serif) for portfolio project names set in medium-weight stacked rows; small sans-serif for navigation and metadata; generous leading and centered alignment in feature sections; mixing creates deliberate tension between editorial refinement and structured data presentation.

colors:

Soft blue field dominates background; mosaic uses saturated and desaturated blues, cyans, teals, and blacks in high-contrast pixel blocks; warm gold accent on circular emblem in center portfolio image; rest of page maintains white negative space with black text and occasional warm pink/beige product imagery.

distinctive:

Pixelated mosaic hero rendered as overlapping irregular blocks rather than perfect grid, creating algorithmic or glitch-adjacent texture that feels intentionally imprecise against the rigid typography below.