Slopless Design

cta.organic-soil-band · Soil band

A cta pattern from Organic Earth, 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.organic-soil-band". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

A full-bleed clay band: a moss half-sun rises from its lower-left on 1–3; headline, line and a secondary pill button (onAccent border and text) sit on 5–11.

Slots

headline, body, cta

Grid areas

sun 1-3 · text 5-11 (12-column grid, 1-based inclusive spans)

Tokens

bg #F3EBDD · text #2E2A22 · heading #2A1F14 · accent #BC572B · accent2 #A56B00 · Fraunces / Karla · radius 28px · space unit 8px (full list in design/tokens.json)

Section

background accent · full-bleed · vertical padding step 10

Pattern notes

A full-bleed clay (`accent`) band. A moss half-circle (xl) rises from the band's lower edge on 1–3 (hidden on phone). On 5–11: h2 at step 6 weight 400 in onAccent, a lead line of onAccent text, and a secondary pill button with an onAccent border and onAccent text (never `heading` on this band).

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.

Start a project