features.neumorphism-key-grid · Key grid

A features pattern from Neumorphism, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="features.neumorphism-key-grid". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Header row (label and h2 left, a muted line right); eight raised feature keys in four columns, each with a round dial key and a mono index on top, then the title and a line.
Slots
sectionLabel, title, body, features[4..8]
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

  • Header row: label and h2 left, a muted line bottom-aligned right. Then four to eight raised feature keys in four columns with 24 px gaps: on top a small round key holding an accent ring and a mono index on the right, then the title at step 1 (700) and a muted line. One per row on phones.

What you get

What we do

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.

01

Positioning

Find the one sentence your best customers already believe.

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

03

Websites

Fast, editable sites built on the CMS your team already knows.

04

Sales enablement

Decks, one-pagers and demos your reps actually use.