Attentive

www.attentive.com

The reference for warm-cream SMS/email marketing brands — Diatype + italic-serif accent, signature yellow CTA, real-people photography hero with italic-serif H1.

Marketing Platform Sms Email Marketing strong

Design tokens

creamPage

creamWarm

white

black

warmCharcoal

warmCharcoalAlt

warmCharcoalAlt2

yellow

yellowDark

darkSurface

translucent80

display: Diatype, Arial, sans-serif (paid ABC fonts) / 'Maison Neue Extended', Arial, sans-serif (paid Milieu Grotesque)
displayItalic: 'Academica Book', Arial, sans-serif (paid Lineto serif)
body: Diatype, Arial, sans-serif
mono: (none on homepage)

Do / Don't

Reference it for

Warm cream #fcfaee page + darker warm cream #f4f2e6 accent — distinctly warmer than typical cream
Bright yellow #ffd60b CTA pill with darker variant #d29c00 for hover
Italic-serif emphasis word in H1 ("Marketing made *personal*") — Academica Book italic for one word
Full-bleed photograph hero with H1 overlay — warm-lit real-people imagery
Three paid font families: Diatype + Academica Book + Maison Neue Extended
160px extreme display size in the type scale for one statistic
5px workhorse radius (100 hits — slightly softer than typical 4-8px)
99px pill radius for CTAs only

Do not copy

The Diatype / Academica Book / Maison Neue Extended font licences (three paid foundries)
The "Marketing made personal" copy
The Attentive yellow #ffd60b exact hue
The Attentive logotype
The specific Attentive product UI mockups
The "Brand: Hey [name]" example SMS copy
The Chili Piper booking widget integration

Signature moves

warm-cream canvas with bright-yellow CTA

a warm cream #fcfaee page (warmer than typical cream) with a darker #f4f2e6 accent surface and a bright yellow #ffd60b CTA pill (hover #d29c00).

italic-serif emphasis word in a photo-overlay H1

a full-bleed warm-lit real-people photograph carries an H1 overlay where one word is set in Academica Book italic serif (Marketing made personal).

strong-decelerate micro-motion

transforms ride a strong-decelerate cubic-bezier(0.2, 0.8, 0.4, 1) at 0.15-0.18s, with depth coming from photography and surface contrast rather than shadow (one box-shadow).

Related references

Facet Wealth

strong

Professional Services

a US financial-advisory service that pitches calm confidence with a deep teal-navy palette, a warm full-bleed lifestyle hero, a single Euclid Square sans, and one orange accent, aspirational but trustworthy.

Antara Spa

strong

Beauty

a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.

Beehiiv

strong

Marketing Platform

The reference for newsletter / creator-platform brands with all-caps section H2 discipline — dark navy + magenta accent + ClashGrotesk display, real publisher logos from TIME / Newsweek / Adobe.

Bright Horizons

strong

Childcare Education

a large early-education and childcare provider whose site leads with a warm deep-teal and sunshine-yellow palette over happy children's photography, the rounded Mulish sans throughout, a tabbed audience-routing hero, and a clear, trust-led grid of pathways for parents and employers.