Alternate navy, bone, and coral slide backgrounds to distinguish narrative beats while retaining the same typography and margins. Reuse oversized rounded corner blocks at different scales, and pair large serif statements with small tracked labels and thin dividing rules. For a new subject, replace the software diagram, equations, and metrics with subject-specific material; preserve the contrast between spacious statement slides and structured evidence slides, but give small charts more room.
No creator prompt published. Reference wrote this brief. Copy for agent includes the brief, visual reference links, and setup guidance.
Navy and coral product showcase
A product showcase deck with oversized serif headlines, a three-layer diagram, large numerical claims, a geometric title slide, side-by-side mathematics and code, and matching chart and table layouts.
How it was made
Show HN: 'our team has been building more and more slidedecks using web frontend technologies with coding harnesses like Claude Code'. Bento is a single HTML file that is deck, viewer and editor. The bento.page gallery states: 'Every deck below was designed and written by an AI agent editing the document directly.' Repo github.com/nyblnet/bento (5.5k stars).
HTML and CSS
Source and credit
Hacker News · Jul 22, 2026 · 1k points · 239 comments
Authorship not stated by the source
Look notesby Reference
A polished software-themed showcase combining bold editorial headlines, concise feature explanations, oversized metrics, equations, a chart, and a data table.
- Color
- Deep navy and near-black, warm coral, off-white, with muted blue and gray accents.
- Type
- Large high-contrast serif display headlines paired with compact, clean sans-serif labels and body text.
- Framing
- Slides use strong headline hierarchy, generous negative space, and restrained geometric accents. Dark slides place light text and equations over navy fields; light slides use pale backgrounds and dark text; the metrics slide uses a coral field with oversized navy numerals.
- Structure
- The deck opens with a software-focused title, introduces bundled features and key metrics, shifts into a “Morph.” section title and technical equation slides, then closes the sequence with a bar chart and a facts table.
