Skip to content

Features & Bento

20 pieces in four styles. Preview each one live, then copy the prompt that puts it in your project.

  • 20 blocks
  • 4 styles, light and dark

Neo-Brutal

A printed poster that behaves like software: warm paper, ink outlines and hard shadows that press.

Neo-Brutal Bento Grid

Feature tiles on one ruled sheet of 12 columns (cells 2 px apart over ink, one outline, one outer radius).

Neo-Brutal Feature Grid

Icon, title (h3) and text items in 2 to 4 columns. cards is a ruled sheet of card-white cells, each with an ink-outlined icon chip; plain sets them free on the page; rules separates them with 2 px rules and a mono index.

Neo-Brutal Feature Split

One feature told in depth on the page grid: kicker eyebrow, a type-display text-display-md heading, lead text, points with volt ticks and actions on 5 columns, the media on 7 (a flat Card or a floating Frame).

Neo-Brutal Feature Tabs

"How it works": large folder tabs (each with an auto number chip, 01, 02 …, volt when selected) sitting on a ruled panel: a card-white text cell (a mono label row from meta, the title, text and ticked points) beside a dotted media cell.

Neo-Brutal Steps

Numbered steps as an ordered list. row is a ruled sheet of 3–4 cells, each with a big type-figure index in ink-3 (01, 02 …), a meta label row on top, the title and text. timeline is a 2 px vertical rule with a volt disc per step and meta (a time or a date) in mono beside it.

Noir Aurora

A night canvas lit by one northern-lights curtain, with hairline cards and moonlight headlines.

Noir Aurora Feature Grid

Icon, title (h3) and text items in 2 to 4 columns: on lit cards with a lit icon chip (the first icon in aurora), plain, or between hairline rules under a horizon line.

Noir Aurora Feature Split

One feature told in depth: eyebrow, a silver display heading, text, points with aurora checks and actions beside its media, on the 12-column grid (5 + 7).

Noir Aurora Feature Tabs

"How it works": tabs that each show a title, text, points, meta and a media panel (APG tabs, automatic activation). horizontal puts the tabs above the panel (they scroll sideways on phones); vertical (the Noir look) lists them as numbered steps over 4 columns beside an 8-column lit panel (above it under lg); the selected step is a lit tile with its number in aurora.

Noir Aurora Steps

Numbered steps as an ordered list: columns on hairlines with mono aurora numbers, the first lit by a line of aurora (row), or a changelog spine (timeline) whose first (newest) marker glows, with meta as a mono badge ("v0.9 · Oct 30").

Soft Bento

Moulded objects on a warm oat canvas: soft tiles, rounded keys and a calm bento rhythm.

Soft Bento Feature Grid

Icon, title (h3) and text items in 2 to 4 columns: on clay tiles that lift on hover, plain, or between hairline rules.

Soft Bento Feature Split

One feature told in depth: eyebrow, heading, text, ticked points and actions beside its media on a candy panel.

Soft Bento Feature Tabs

"How it works": a pill track of tabs (the white clay thumb springs to the picked one and squashes on arrival) above one clay panel per tab, with title, text, ticked points and meta on one side and the media on a candy side (APG tabs, automatic activation).

Soft Bento Steps

Numbered steps as an ordered list: columns on hairlines (row) or a vertical line with markers (timeline, with meta in its own column from md).

Swiss Tech Mono

A page that prints its own measured grid: paper, white tiles, ink and one signal red.

Swiss Tech Mono Feature Grid

Icon, title (h3) and text items in 2 to 4 columns, indexed F.01, F.02 …: between hairline rules (rules, the kit's best look), on tiles (cards), or plain.

Swiss Tech Mono Feature Split

One feature told in depth: eyebrow, heading, text, the mono tick list ("→" points) and actions on 5 columns beside its media on 6.

Swiss Tech Mono Feature Tabs

"How it works": tabs on hairline rules, each a mono meta row ("Step 01" with a small square that turns lime) over a large label, then a panel with the copy on 4 columns and a raised media card on 7 (APG tabs, automatic activation). vertical lists the tabs down the left.

Swiss Tech Mono Steps

Numbered steps as an ordered list: columns on hairline rules with a mono index (row), or a ruled vertical line with square nodes, the last one lime (timeline, with meta as a mono year in its own column from md).

Preview everything. Take three a day, free.

A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.