Brand guidelines · v1.0 · July 2026

Zen Intent.
One signal, all ink.

The working reference for everything Zen Intent puts in front of a prospect — the landing page, ads, decks, one-pagers, and outbound email. Extracted directly from the shipped site, so what's written here is what's live at zenintent.io.

Maintained by Zen Companies · Contact: projects@zencompaniesinc.com · Source of truth: the zenintent-landing codebase (src/index.css)

The brand in one breath.

Who we are and how we say it. Every asset should be able to trace itself back to this.

Zen Intent is an AI lead-intelligence service: scored, enriched, ready-to-work leads for a client's exact niche and market — decision-maker contacts, pain-point analysis, and ready-to-send email sequences, delivered within 24 hours.

TaglineStop prospecting. Start closing.
Category labelAI lead intelligence (the one kicker; sentence case, never repeated per section)
Elevator descriptionAI-enriched, scored, and personalized leads for your exact niche and market. Decision-maker contacts, pain-point analysis, and ready-to-send email sequences — delivered within 24 hours.
The guaranteeIf 20%+ of a batch comes back invalid, we replace it free. No arguments.
Proof line2,073 leads delivered across 150+ businesses, averaging a 34% reply rate. (Proof lives in a sentence, not a stat billboard. Update numbers before each use.)
OfferClaim 25 free leads · No credit card · Delivered within 24 hours · Invalid leads replaced free
Domain / contactzenintent.io · projects@zencompaniesinc.com

Color.

An ink-and-paper neutral system with exactly one accent. The accent is called signal — when everything else is quiet, the signal is unmistakable. That restraint is the identity; a second accent breaks the brand.

The signal

signal#D4F24EFills: buttons, badges, score bars, drench panels
signal-text (light)#5C7500Signal as text on light grounds — never #D4F24E as text on white
signal-ink#0A0A08Text on signal fills, both themes (fixed)

Dark theme (default)

bg#08080APage background
surface#0D0D10Cards, panels, nav shell
track#1E1E23Score bars, slider rails
paper#F3F1ECHeadings & primary text; also hairlines at low alpha
mute#A3A19ABody text
faint#85837CCaptions (≥ 4.5:1 on bg)

Light theme

bg#F4F4F1Page background — warm off-white, never pure white pages
surface#FFFFFFCards, panels
track#E3E3DAScore bars, slider rails
paper#17170FHeadings & primary text
mute#504F48Body text
faint#6D6C63Captions

Fixed ink scale

Used where a surface must stay dark in both themes — the final CTA's buttons, dark logo cells, chips on the drench panel.

ink-950#08080A
ink-900#0D0D10
ink-850#111114
ink-800#17171B
ink-700#1E1E23
ink-600#2A2A31

Rules

Typography.

One family: Bricolage Grotesque, variable (optical size 12–96, weight 300–800). The optical-size axis covers both display and text duty — no second family, ever. This page is set in it.

Stop prospecting.
Start closing.

Display / 700Fill your pipeline this week.
Heading / 700Not just leads. Intelligence.
Body / 400Cold lists go nowhere. We hand you leads for your exact niche and market.
Caption / 400No credit card · Delivered within 24 hours · Invalid leads replaced free
Kicker / 500AI lead intelligence
RoleSettingNotes
Display (H1)700 · 48–72 px · tracking −0.03em · line-height 1.02Two-line max. The second line can take signal-text for emphasis — once per page.
Section (H2)700 · 30–48 px · tracking −0.03emBalance wrapping (text-wrap: balance).
Card heading (H3)650–700 · 20–24 px · tracking −0.015em
Body400 · 17–20 px · line-height ≈ 1.65In mute, ~65 characters wide, text-wrap: pretty.
Caption400–500 · 14 pxIn faint. Sentence case; uppercase only for tiny footer column labels.
Numbers600 + tabular-numsStats, scores, and prices always use tabular figures.

The kicker (small signal-colored label) appears once per page, above the hero headline. It is not a section grammar — sections open with the headline itself. On dark grounds, add a touch of line-height; light-on-dark type reads lighter than it is. Load via Google Fonts: Bricolage+Grotesque:opsz,wght@12..96,300..800. For print or decks where the font is unavailable, fall back to a system sans — never substitute a different display face.

Voice.

Blunt, confident, a little dry. Short declarative headlines that end in a period. Proof over adjectives. We never sound like a lead-gen vendor — we sound like the person who already did the work.

Write like this

  • Short sentences. Full stops in headlines.
  • Hard numbers over superlatives — "34% reply rate," not "amazing results."
  • Second person, active voice: "We hand you leads."
  • Name the reader's pain plainly: "Cold lists go nowhere."
  • Sentence case everywhere, including buttons and headings.
  • CTAs say what you get: "Claim 25 free leads," "See a real sample."

Never like this

  • No "revolutionize," "supercharge," "unlock," "10x," or rocket emoji.
  • No exclamation marks. Confidence doesn't shout.
  • No vague CTAs: "Learn more," "Get started."
  • No all-caps body copy or Title Case Headlines.
  • No unverifiable claims — every stat must have receipts.
  • No jargon walls: "leveraging proprietary AI-driven synergies."

Buttons & surfaces.

Pills, flat, confident. Two pairs: the standard pair on any ground, and an inverted ink pair reserved for signal-drenched panels. These samples are live — hover them.

Standard pair

Primary (btn-signal) is a signal fill with ink text; hover lifts it 1 px with a soft signal glow. Secondary (btn-line) is a hairline pill. One primary per viewport.

Inverted pair — on signal drench only

No credit card · Delivered within 24 hours · Invalid leads replaced free

Surfaces & motifs

Cards are surface on an 8%-alpha paper hairline with 16 px radius — like the specimen and voice cards above. Two graphic motifs belong to the brand: the blueprint grid (64 px hairline grid fading out through a radial mask — it opens the page in the hero and closes it in ink on the final CTA, and it's behind this page's title) and the radar scan (a sweeping conic gradient over a dot-field, quiet pins in paper at 35% alpha, scored hits blipping in signal). The radar is the product in one picture: scan a market, find the buyers, score them. Reuse these motifs before inventing new decoration; if an ad needs one image, it's the radar.

Motion.

Calm and physical. Motion demonstrates the product's confidence; it never decorates.

PatternSpecUsed for
Reveal on scrollFade + small rise, staggered ~80–100 ms per siblingSection entrances; once per element, no re-trigger
Button presscubic-bezier(0.16, 1, 0.3, 1) · 250 ms · −1 px hover lift, 0.98 scale on pressAll primary/ink buttons
Radar sweep6.5 s linear infinite rotationHero market-scan
Blip3.2 s scale 0.4→3 with fade, cubic-bezier(0, 0, 0.2, 1)Scored hits on the radar
Drift8 s ease-in-out alternate, ±6 px verticalFloating lead chips
Marquee46 s / 54 s linear infinite, opposing directions; pause on hoverLogo/testimonial strips
Count-upNumbers count up when the proof line scrolls into viewStats in prose

Everything respects prefers-reduced-motion — animations collapse to their end state. No parallax, no scroll-jacking, no springy overshoot.

Fast reference for marketing.

The copy-paste corner for ads, decks, and outbound.

Share titleZen Intent — Stop prospecting. Start closing.
Share descriptionAI-enriched, scored leads for your exact niche and market. Delivered within 24 hours.
Primary CTAClaim 25 free leads
Secondary CTAsSee a real sample · Get your leads now
Trust lineNo credit card · Delivered within 24 hours · Invalid leads replaced free
Hex trio#D4F24E on #08080A, text #F3F1EC (dark) — or #5C7500 accents on #F4F4F1, text #17170F (light)
FontBricolage Grotesque (Google Fonts, variable: opsz 12–96, wght 300–800)
Theme color#08080A dark · #F4F4F1 light

The sniff test for any new asset: quiet ink, one loud signal moment, a headline that ends in a period, and a number that proves it. If an asset could belong to any other lead-gen brand, it isn't ours yet.