gravity

Item: gravity
Rating: 7.1

Gorden Koschel's one-person studio for strategy, concept and design.

gravity-design.de Save page

7.1/10MABTU rating

Home

DESKTOP · 1440 × 12,008/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed BW portrait with dot logo
02manifestoLavender band, uppercase type, circle graphic
03showcaseViolet circle over black grid of tiles
04servicesOrbit diagram of services on off-white2,610
05aboutPinned chapters: story, clients, awards
06ctaSingle line contact prompt

Rating · Home

Visual design7.5

UX & clarity6.4

Originality7.8

Craft & consistency7.0

Motion7.5

Performance & a11y6.0

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

Main colours

Dark·black background·vivid

Typography

MG12heading · font · self-hosted MG12body · font · self-hosted

Stack & style

GSAP GSAP ScrollTrigger Lenis

Bold typography Monochrome Photography-led Sharp / geometric Transparent header Pinned sections Custom cursor Text reveal Smooth scroll

Design DNA

Black canvas with a desaturated full-height portrait and a three-dot logo mark (violet, white, ring) that recurs as section markers. A lavender #B38CF0 manifesto band uses tight uppercase grotesque ('Agentur ohne Agentur') over faint concentric circles. Pinned scroll sections step through Bio, Clients and Awards with the active label turning violet. An off-white orbit diagram of services and giant black half-circles provide geometry; the close is a simple 'Lust auf ein gemeinsames Projekt?' line.

Worth borrowing

A tiny three-dot brand mark reused as the bullet for every section keeps a long scroll coherent.
Pinned bio chapters where the current heading turns accent-coloured while the copy swaps beside it.
Services drawn as an orbit diagram of concentric circles with icons instead of a list.