Design Lounge
Install

Pages & screens

Reading & docs

014 pieces
Sort
Nº 528Component · Web

Rewrite the selected sentence

Three sentences. The first is marked. Shorter replaces it. Restore puts it back. The other two can be marked the same way.

Nº 490Screen · Web

Handwritten night letter

One night letter on a warm dark desk: date, salutation, three short paragraphs, a red margin note, a P.S., and a signature.

Nº 440Screen · Tablet

Tablet recipe cook mode

A 1180×820 kitchen cook mode: one step in 54px heavy type, tickable ingredients for that step, two timer chips that ring, swipe or big buttons between steps.

Nº 376Screen · PWA

PWA offline library

A saved-for-offline screen at night: storage meter, Wi-Fi-only switch, download rings, remove buttons, dimmed items with a reason, and an offline badge.

Nº 230Component · Web

Drop-cap editorial card

An essay card with a tiled ultramarine drop cap, a column-spanning pull quote, a column rule, reading time and a three-way classic type pairing switcher.

Nº 224Layout · Web

Docs shell with hatched gutters

A docs page frame: sticky nav rail, a hairline-bordered content column with diagonal hatching in the gutters, crosshair marks, a version menu and a 3-way theme switch.

Nº 223Section · Web

Docs install steps with code panels

Numbered install steps for a docs page: prose on the left, a dark code panel on the right with highlighted added lines, guide tabs and tick-off numbers.

Nº 196Component · Web

Code snippet tabs

One request in curl, JavaScript, and Python. The active tab is a 32px pill. Copy writes that panel.

Nº 194Component · Web

Cited answer

A sentence about Gate 4. Night book starts pressed and shows its line. Hold rule swaps the quote.

Nº 177Animation · Web

Book page flip

A 640 by 400 ledger. Next turns the page on its left edge. Three yard notes, one at a time.

Nº 078Screen · Tablet

Two-column tablet reader

A 1180×820 book reader that flows a chapter into two CSS columns, turns pages by sliding the column container, with a chapter overlay, a 16–22px size stepper and Libre Caslon body text.

Nº 056Screen · PWA

PWA news reader

A paper-toned news front with serif headlines: scrolling section chips, a lead card with a CSS-illustrated landscape, a story list with reading times and saved-for-offline marks, and a bottom nav.

Nº 051Screen · Web

Paper article reader

Long-form article page on warm paper: Newsreader body at 19px/1.6 on a 66ch measure, a four-line drop cap, a pull quote, floated margin notes at ≥1100px and a 2px sticky reading-progress hairline.

Nº 011Layout · Web

Documentation three-column layout

A docs shell: 256px collapsible nav tree, 72ch prose column, sticky 'On this page' TOC with scroll-spy, ⌘K search and a code block with a copy button.