Base Design

Item: Base Design
Rating: 7.3

Brand agency building brands with cultural impact.

basedesign.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 900/ ↗

MOBILE · 390

Section outline · Home

01headerOutlined logo box and Feed/Projects/Index tabs1,172
02work gridFull-screen mosaic of project and news tiles1,172

Rating · Home

Visual design7.8

UX & clarity6.6

Originality7.6

Craft & consistency7.4

Motion6.5

Performance & a11y7.0

This page scores 7.3; the site score weights the home page double.

Main colours

Light & dark toggle·white background·mono

Typography

Base Groteskbody · sans · self-hosted

Stack & style

Next.js React

Bold typography Brutalist Swiss grid Bento grid Hamburger-only nav Theme toggle

Also: Cloudflare, Google Analytics

Design DNA

A tiny outlined 'Base' box logo and three outlined tab buttons (Feed, Projects, Index) above a full-viewport grid of equal-height tiles with thin white gutters. Tiles alternate hot pink, acid green, yellow and black brand work, video stills, and white text tiles with centred uppercase grotesque headlines about news. Mobile stacks the tiles full width with the same outlined buttons.

Worth borrowing

Mix news headlines as plain white text tiles among loud image tiles in one grid.
Use outlined box buttons for Feed/Projects/Index as the whole navigation.
Keep the chrome tiny and outlined so the work's colour carries the page.