One green.
One voice.
One source of truth.
Every color, font, button, and rule that makes Hello Conversions look like Hello Conversions. If you're building, writing, or designing for us — start here.
Plausible for RevOps.
Hello Conversions is the simple, transparent alternative to bloated attribution platforms. We build for SMBs in the $1M–$4M range who want answers, not dashboards full of homework.
Clarity over complexity
HockeyStack-grade insight, without the implementation tax.
Problem solver
We fix the gaps in GoHighLevel reporting that nobody else will.
Authority
Long-form, vertical-specific content that defines the SMB RevOps standard.
Transparency
Logs, exports, and receipts. You own your data, always.
The mark.
One primary lockup, one isotype, one favicon. No reflowing, recoloring, or stacking on busy backgrounds.
Min size: 24px favicon · 96px lockup · Always preserve clearspace equal to the height of the “H”.
One green, supported by five.
Primary green carries the brand. The supporting scales (lime, indigo, emerald, amber, rose) exist for state, not for personality.
Serif for the story. Sans for the system.
Instrument Serif handles every headline. Geist runs the body, the UI, and the product. Geist Mono is reserved for labels, code, and tokens.
The number that matters.
Built for operators who actually run the numbers.
Track every dollar back to its source.
Server-side tracking, set up in an afternoon.
What the dashboard tells you in plain English.
Hello Conversions builds the reporting layer GoHighLevel doesn't. Connect the data you already have and walk into your Monday meeting with answers instead of homework.
Every conversion logged. Every source attributed. Every report exported. No black boxes, no guessing — just the receipts.
Used for metadata, captions, table cells, and supporting copy under primary content.
Section eyebrow · Token label · Code annotation
POST /v1/events
{
"type": "conversion",
"source": "meta",
"value": 297.00
}A 4-pixel rhythm.
Tailwind's default spacing scale, used as written. Containers cap at 1100px for marketing pages and 1280px for product pages.
Rounded, not soft.
Five radii cover everything. Cards round more than buttons; widgets round more than cards; pills are pills.
Five steps of elevation.
Shadows are subtle by default. Use shadow-glow only for primary CTAs and focus states.
Fast, not flashy.
Two duration tokens — 150ms for state changes, 250ms for entrances. Animations earn their place; we don't decorate with movement.
The texture layer.
A handful of visual patterns reused across the site to give pages a sense of place.
The base container for grouped content. White card, 1px border, 24px radius, 28px padding, lift-on-hover.
Frosted glass over saturated backgrounds.
Accent emphasis
Subtle SVG noise overlay (8% opacity) for tactile surfaces.
Inputs you can type in.
All form controls share the same border, focus ring, and disabled treatment. Labels above. Error copy below. No floating labels, ever.
Status, surfaced.
Alerts, badges, progress, and modals — everything that tells the user where things stand.
Heads up
Something broke
Tables, avatars, cards.
The patterns we use whenever we're showing actual data — not marketing copy dressed up as a table.
| Source | Conversions | Spend | CPA |
|---|---|---|---|
| Meta Ads | 1248 | $18,420 | $14.76 |
| Google Ads | 942 | $22,108 | $23.47 |
| TikTok Ads | 318 | $4,290 | $13.49 |
| Organic | 612 | $0 | $0.00 |
Standard card
shadcn Card primitive
Marketing tile
The default container on landing pages. Larger radius, lift on hover.
Spotlight tile
Reserved for one feature per page. Don't use two side-by-side.
One library: Lucide.
We don't mix icon libraries. Lucide for everything, sized at 16/20/24, stroke 1.5.
The pieces of a landing page.
Recognizable, reusable building blocks. Every landing page is some arrangement of these.
Server-side tracking
Send conversions directly from your server to ad platforms. More accurate than the pixel, harder to block.
Operator
- Unlimited events
- All integrations
- Server-side tracking
- Daily KPI digest
“We replaced a $40k/yr attribution stack with Hello Conversions and got cleaner numbers in week one.”
The rules behind the rules.
When the design system doesn't have an answer, these do.
- P—01
Clarity over complexity
If a chart, label, or copy block needs explanation, it isn't done. We are the simple alternative.
- P—02
Plain language, plainly stated
Write the way an operator talks to another operator. No jargon, no buzzwords, no hedging.
- P—03
Show the data, then the story
Lead with the number. Numbers earn trust faster than adjectives.
- P—04
Transparency is a feature
Logs, exports, and 'show your work' details are first-class. They're what separates us from the black boxes.
- P—05
Editorial type, utilitarian UI
Instrument Serif headlines do the storytelling. Geist runs the dashboard. Don't mix the jobs.
- P—06
One green
Hello Conversions is one green. Lime, emerald, amber, rose, and indigo exist to support it — never to compete with it.