Design Lounge
Install

Website sections

Feature sections

013 pieces
Sort
Nº 467Section · Web

Vertical label service columns

Four tall columns with rotated service names. Hover, click or Enter widens one into a list of services with arrows; the others stay as labels.

Nº 454Section · Web

Three passes, one frame

A method section: one portrait frame shown as sketch, light and motion passes, with timed tabs and a drag line that compares each pass with the one before.

Nº 452Section · Web

Thread to issue board

A dark intake section: a chat thread floats over a faded kanban board; sending an @mention makes a bot file two issues that drop into Todo, linked back to the reply.

Nº 327Section · Web

Outline to fill topic list

A long list of topics in huge condensed outline type. The one at the centre of the screen fills solid, steps right with a mint bar, and swaps the backdrop.

Nº 297Section · Web

Live checkout bento

A product bento where every cell is working UI: a currency switcher, a freezable issued card, a retry timeline, and a checkout that posts its payment into a payouts ledger.

Nº 296Section · Web

Link orbit

Eight yard connections on a ring around a Yard hub. One starts pressed. Choosing another rewrites the line.

Nº 282Section · Web

Isometric figure triptych

Three hairline isometric drawings captioned FIG 0.1–0.3 under a two-tone statement; hovering a column explodes its drawing, lights one amber part and dims the others.

Nº 199Section · Web

Connection grid

Six Field ledger connections. Three start connected. Connect and Connected are the same button, and the pressed one uses the soft green.

Nº 175Section · Web

Automation builder with live preview

A settings form on the left drives a sticky preview card on the right: headline count, progress, next issues and a calendar view, all in hard-shadow ink.

Nº 168Section · Web

Alternating feature rows

Three Swiss industrial feature rows that swap sides, each with a numbered eyebrow, three checks, a text link and a drawn product panel that slides in 24px on view.

Nº 153Section · Web

Tabbed feature preview

Four vertical feature tabs with 6s autoplay progress hairlines; the preview pane crossfades between CSS-built product UIs, with a giant outlined step numeral.

Nº 150Section · Web

Sticky scroll feature steps

Four Loam garden-planning steps scroll on the left while a 600px plot preview sticks on the right and morphs beds, crops, calendar and harvest tally.

Nº 003Layout · Web

Bento feature grid

Six feature cells of varied spans on a 4-column grid, each with a small live CSS illustration; hover lifts a cell 2px and brightens its hairline.