B-Reel

Item: B-Reel
Rating: 7.1

Storytelling and technology studio building ventures since 1999.

b-reel.com Save page

7.1/10MABTU rating

Home

DESKTOP · 1440 × 23,783/ ↗

MOBILE · 390

Section outline · Home

01hero3D inflated B-REEL tile and short intro
02projectDesign studio venture, wordmark and UI sample
03projectBlack app icon panel and phone mocks
04archiveNine-photo grid of ad work
05projectSatellite image and UI screenshot
06projectGreen panel and 3D product drawings
07projectRed press excerpt and game stills

Rating · Home

Visual design7.2

UX & clarity6.0

Originality8.0

Craft & consistency6.8

Motion6.5

Performance & a11y8.5

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

Main colours

Light·white background·vivid

Typography

Work Sansbody · sans · self-hosted

Stack & style

Next.js DatoCMS Tailwind CSS React

Editorial Playful 3D Hamburger-only nav Hero video Custom cursor

Also: Vercel

Design DNA

A single centred column on white reads like a scrapbook of the studio's history. Each venture gets a small blue italic uppercase label with an umbrella icon, then a big showcase: thin grotesque 'Feels Like' wordmark, black square with a white app icon, a nine-photo grid of ad work, Google Earth Studio over a colour satellite image, a green 'live boutique' panel, red newspaper-style press excerpt. Small bold-italic captions and pill 'visit website' cards sit between. A 3D inflated-letter logo tile opens the page.

Worth borrowing

Introduce each project with a tiny blue italic label and icon, then let a single huge visual carry it.
Reproduce a press article as red newspaper-column text beside an image for a horror game.
Use small pill cards ('The State app website ->') as the only calls to action between showcases.