basicagency.com

basicagency.com
basicagency.com

Minimal portfolio site using extreme vertical spacing and a centered 60/40 hero image-to-whitespace ratio to create gallery-like breathing room.

Colors

Industry

Mood

Screen type

Type style

Visual details

How it works

hero:
Full-width dark navy container with a centered product photograph (appears to be packaged goods on white background) positioned slightly left of center, with the site logo anchored top-left and a small circular element (likely navigation) positioned bottom-right.
layout:
Three-column grid of portfolio items (AdAge, stacked serif mark, Congrats) positioned 200-300px below hero with massive white space between sections; navigation and footer appear minimally at screen edges suggesting infinite scroll or sticky anchors.
type:
Sans-serif body copy in small size paired with serif/geometric wordmarks in the portfolio grid; logo type at top-left is sans at medium weight, creating hierarchical restraint.
colors:
Dark navy header/hero section serves as high-contrast frame; the rest is off-white/light gray with black typography, allowing the product image to be the sole chromatic anchor point.
distinctive:
The hero image is isolated in a pristine white container floating in dark navy, creating a gallery-frame effect that isolates the product as sculptural object rather than integrating it into the layout.