Design Lounge
Install

Pages & screens

Portfolio sites

009 pieces
Sort
Nº 367Section · Web

Process step dossier

A portfolio case panel: a project's steps from sketch to shipped sit side by side as artboards; hover or focus one to light it and swap in its story.

Nº 260Screen · Web

Graph paper homepage

A personal homepage typed onto engineering paper: a typewriter greeting, a torn photo print, paperclipped project slips and a notebook log.

Nº 173Screen · Web

Architecture studio index

A Swiss studio index: sortable, filterable project table whose selected row drives a true-scale SVG elevation that slides to follow it, plus a map view.

Nº 139Screen · Web

Portfolio index with hover preview

An art director's project index: a 12-column table of work where hovering a row floats an art-directed plate that trails the cursor with lag and tilt.

Nº 137Screen · Web

Photographer horizontal gallery

A 10-plate Wadden-coast series that scrolls sideways: 500px CSS photographs, 9% lerp drag, a 10-tick scrub bar and a 01/10 index.

Nº 130Screen · Web

Motion designer showreel index

A dark motion-design index: 118px italic name, four case rows that height-morph from 88px to 328px on click, each with a CSS/SVG still.

Nº 122Screen · Web

Long-form product case study

A product designer's case study page: italic serif hero with a phone mockup, role and timeline facts, sketches that draw themselves, count-up outcome metrics, quote and next project.

Nº 093Screen · Web

Architect index with plan drawings

A Swiss architect index: 120px wordmark, an 8-row 12-column project list, and a sticky right panel that crossfades a geometric plan on hover.

Nº 005Screen · Web

Brutalist studio home

Black-on-white studio homepage: 1px column grid, 96px uppercase Archivo Black statement, project rows that invert on hover and a 36-second marquee footer.