Slopless Design

cta.neumorphism-power-key · Power key

A cta pattern from Neumorphism, 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.neumorphism-power-key". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

One wide raised panel: a big accent dial ring in 1–3 like a power key, label, h2 at step 6 and a line in 4–8, an inset email field with accent submit and a small note in 9–12.

Slots

sectionLabel, title, body, signup, meta

Tokens

bg #E3E8EF · text #28303B · heading #161C25 · accent #3F5BD9 · accent2 #794EBA · Plus Jakarta Sans / Plus Jakarta Sans · radius 22px · space unit 4px (full list in design/tokens.json)

Pattern notes

One wide raised panel (padding 48 × 40 px): a raised round well holding a large accent dial ring like a power key in 1–3 (hidden on phones), the label, h2 at step 6 (≤18 ch) and a muted line in 4–8, and in 9–12 an inline email field pressed into the panel with an accent submit and a small muted note.

Next step

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