DES by Obys

Item: DES by Obys
Rating: 8

Short video courses on web design principles from Obys agency.

des.obys.agency Save page

8.0/10MABTU rating

DESKTOP · 1440 × 7,715/ ↗

MOBILE · 390

Section outline · Home

01heroGiant wordmark left, hairline grid with metadata and trailer thumb
02aboutLarge paragraph intro, past projects list with arrows
03catalogueFull-width 3D render card with label row3,104
04catalogueSeason card, stone letter render
05catalogueSeason card, coloured fabric render
06catalogueSeason card, cube and grid render
07aboutLarge statement, stat tiles with renders
08menuFull-screen overlay, giant stacked nav words, sliced wordmark

Rating · Home

Visual design8.6

UX & clarity7.6

Originality8.6

Craft & consistency8.3

Motion8.0

Performance & a11y5.5

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

Main colours

Light·off white background·mono

Typography

ABC Monumentheading · font · self-hosted ABC Monumentbody · font · self-hosted

Stack & style

Three.js Tailwind CSS

Minimal Bold typography Monochrome 3D Swiss grid Hamburger-only nav Hero video Smooth scroll Text reveal Transparent header

Also: Meta Pixel, Netlify, Google Analytics

Design DNA

Light grey canvas split by hairline rules into a Swiss grid: a huge black DES wordmark with a registered-mark glyph at top left, tiny mono-scale metadata columns on the right and a trailer thumbnail. Each course is a full-width card with a thin label row (year, age, season, duration) above a large grey-toned 3D still life of stone, glass and one warm colour accent. A long paragraph in large regular grotesque tells the agency's awards story, and the menu is a full-screen overlay with stacked giant nav words and a stretched, sliced wordmark.

Worth borrowing

Head each product card with a single hairline row of metadata (year / audience / season / length) above a full-bleed render.
Use one family of monochrome 3D still lifes with a single warm accent per item to unify a catalogue.
Make the menu overlay a stack of giant nav words beside a vertically sliced, stretched wordmark.