Slopless Design

cta.bento-terminal-tile · Terminal tile

A cta pattern from Bento Tech, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 7. Give the section root data-pattern="cta.bento-terminal-tile". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

An accent tile in 1–8 with headline, line and an inline email form, beside a surfaceAlt tile in 9–12 showing the mono install command, a caption and a secondary button.

Slots

headline, body, newsletter, meta, caption, cta

Grid areas

main 1-8 · command 9-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #F6FBFF · text #192028 · heading #091018 · accent #5E65E8 · accent2 #9256C9 · Geist / Geist · radius 20px · space unit 4px (full list in design/tokens.json)

Pattern notes

An accent tile in 1–8 (padding 40 × 32 px): h2 at step 4 (onAccent), a line, an inline email form. A surfaceAlt tile in 9–12: the install command in mono (`npm i @acme/cli`) with a copy button styled as the secondary button, and a small caption.

Have a hard thing to explain?

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

you@example.com

Booking projects from June 2026

Corvid Robotics — identity

Start a project