GTM systems, shaped with care
Build systems to grow revenue
A crisp white interface energized by sculptural color, friendly geometry, and product controls that stay almost entirely neutral.
Color as material
Neutrals carry the product UI. Saturated solids appear as isolated announcement and testimonial surfaces.
Friendly precision
Roobert is the source family across display and UI, with stylistic alternates enabled. Inter is the open substitute used in this preview.
Inter · source weights 400, 500, 600, and 700
hero
80 / 1 / 700 / -3.2
display
60 / 1 / 700 / -1.8
metric
44 / 1.1 / 700
body-lg
20 / 1.5 / 400
body
16 / 1.5 / 400
button
14 / 1.5 / 500
eyebrow
12 / 1.2 / 600 / .09em
Soft containers
Compact product controls use 8–12px corners; campaign and testimonial cards expand to a generous 40px silhouette.
Core spacing rhythm
4
4px
8
8px
12
12px
16
16px
24
24px
32
32px
40
40px
48
48px
80
80px
Observed radii
8px
12px
16px
24px
30px
40px
1584px
One card, one color
Campaign color is delivered as a solid material. Each card owns one hue and keeps its content black or white for clarity.
Neutral UI, vivid proof
Conversion controls stay black, white, and outlined; personality enters through campaigns and customer stories.
Primary and secondary actions
1584px pill
Announcement banner
lavender / 36px
Testimonial color cards
40px radius
“Clay changed how our team turns research into pipeline.”Maya · Growth
“A flexible system that makes ambitious workflows feel simple.”Jon · GTM
“Creative work and structured data finally share one surface.”Sam · Ops
Feature callout and input
12px / warm line
Faster enrichment
Compact information density inside a white, warm-bordered card.
Usage rules
Color supports stories and proof; it does not replace the product hierarchy.
Preserve
- Keep the large canvas white or soft cream.
- Use black as the highest-priority action fill.
- Give testimonial cards one solid color each.
- Use 40px corners on large campaign cards.
Avoid
- Turning Violet Pulse into a universal CTA fill.
- Mixing several bright colors inside one card.
- Adding depth to flat testimonial surfaces.
- Using heavy display tracking outside the documented range.