Preview image. Unlock full-res
Stark black and yellow grid layout with portrait photography and yellow highlight blocks framing an About and Projects navigation, typical of contemporary design studio sites.
Summary
Stark black and yellow grid layout with portrait photography and yellow highlight blocks framing an About and Projects navigation, typical of contemporary design studio sites.
Visual description
A rigid modular grid system divides the screen into uniform cells, alternating between black voids and content zones. Yellow rectangular blocks punctuate the layout at irregular intervals, creating visual emphasis and navigation anchors labeled "ABOUT" and "PROJECTS". Black and white photography of people, objects, and details fills roughly half the cells, while text sits cleanly in sans-serif at the top: "BRAINBOX" in white with "Building Brands. Driving Business." as the tagline. A hamburger menu and subtle grid lines reinforce the system's architectural precision. The overall effect is a Mondrian-inspired portfolio grid balancing stark geometry with intimate human imagery.
Key takeaway
The use of a single accent color (yellow) to create hierarchy and direct navigation within an otherwise monochromatic grid. The contrast between the rigid structural system and the fluid, emotional quality of photography. The tagline paired tightly with the wordmark establishes mission in minimal text.
Reuse notes
Excellent template for portfolio sites, design studios, and creative agencies wanting to appear systematic and confident. The grid imposes structure; the photography humanizes it. Works well on desktop; mobile requires intelligent cell-stacking or reflow to maintain impact. Keep the 2-3 color palette (black, white, one accent) to preserve visual weight. Best suited to brands with strong visual content (photography or illustration) to fill the cells.
