BusySeed

Brand Guidelines

The single source of truth for how BusySeed looks, sounds, and shows up, from the leaf mark to the last pixel of the last app we ship. Humans at the helm. AI in the engine.

7.4Version
Growth and MarketingCategory
August 2026Released
BusySeed BrandOwner
01 Brand essence

Partners in revenue growth.

A collective of Growth Architects that has helped 500+ businesses drive revenue through marketing, sales and technology. People own the strategy and the relationship. AI accelerates the work. The balance is the brand.

Generated

$540M+

In client revenue

Businesses

500+

Served

Reputation

100+

Five-star reviews

Ranking

Top 10

US agency, TrustAnalytica

Positioning statement

For growth-minded businesses, BusySeed is the growth partner that blends marketing, sales, and technology, with real humans accountable for real revenue.

02 Personality

Confident, human, proven.

Confident · Results-driven · Human · Grounded · Forward-looking · Proven

Growth is the metric

Every engagement is measured in revenue moved for the client, not vanity metrics. We lead with proof.

Humans, amplified by AI

People own the strategy and the relationship. AI accelerates the work. The balance is the brand.

Rooted and growing

The seed and leaf signal patient, compounding growth that stays steady, natural, built to last.

Credible by default

Certifications, rankings, and named results carry the story. We show receipts, not adjectives.

04 Colour

Grounded greens, one warm spark.

Primary

SeedBlack
#041E05
Text only, never a fill
SeedPine
#08441E
The only dark ground
SeedGreen
#5D9247
Brand accents, secondary
SeedMint
#D9EAD3
Tints, focus rings

Secondary

SeedOrange
#F98D13
Action. Precious.
SeedNavy
#014760
Depth
SeedTeal
#0C898F
Tech, links in product
SeedFoam
#A2C4C9
Accent

Neutrals are warm. There is no blue-grey in this brand.

Paper
#FBFCFA
Mint Soft
#EEF4EB
Canvas
#F0EEE9
Gray 200
#EBE9E2
Gray 500
#8A8880
Gray 700
#4A4943

Text and ground pairs that are approved

Pine on whiteHeadlines, everywhere
Pine on Mint SoftTinted sections, cards
White on PineDark sections, the cover
Near-black on OrangeCTA buttons only

Pairs that are banned

White type on SeedMint
Impossible to read

SeedMint is a tint, not a ground for light type. It carries SeedPine text and nothing else. This also rules out white-plated photo cutouts on a mint field.

SeedPine type on SeedMint
Reads at any size

If a mint panel needs light type, it is the wrong panel. Switch the ground to SeedPine instead of switching the text.

Where each colour earns its place

  • Light surfaces. Paper, Mint Soft or White on 75 to 80% of any layout.
  • Dark sections. SeedPine is the only dark ground, never SeedBlack. One dark region per screen.
  • Orange is precious. Primary marketing actions and key numbers only. Never a background field, never behind a headline, never more than one per view, and never a button inside a product.
  • SeedGreen is an accent, not body text. It is for eyebrows, icons, rules, check-marks and marketing links. Body copy is Gray 700 or SeedBlack.
  • Status is four families. Good, warn, critical, neutral. Anything new maps onto one of them rather than introducing a fifth colour.
  • Charts draw the ramp in order, viz-1 through viz-7. Orange is viz-4 and reads as "the answer", so it appears once at most.
  • No new hex codes. If the thing you need is not in the ramp, it is a token request, not a one-off value in a stylesheet.

Status families

Good

Efficient, on pace, healthy

Warn

Slipping, needs a look

Critical

Losing money or blocked

Neutral

No data yet

05 Typography

Georgia titles, Lato text.

Georgia has two weights doing two jobs: 700 is the marketing voice, 400 is the product title voice. Both are Georgia, so the website and the products are visibly the same company without the app shouting. Georgia stops at 24px. Below that its serifs thin out and fringe, so everything smaller is Lato.

Aa Gg 0123
Georgia

Titles and display. 400 / 700 / italic.

Aa Gg 0123
Lato

Body and UI. 400 / 700 / 900.

Aa Gg 0123
JetBrains Mono

IDs, timestamps, code, endpoints.

Marketing scale

Display
Georgia 700 · 72
Your Partners in Revenue Growth
H2 section
Georgia 700 · 42
Top Ranked Agency, Coast to Coast.
H3
Georgia 700 · 27
Humans at the helm. AI in the engine.
Body
Lato 400 · 17 / 1.65
BusySeed has helped 500+ businesses drive revenue. Body copy stays generous and readable, with comfortable line-height.

Product scale

Title XL
Georgia 400 · 32
Clients
Title
Georgia 400 · 26
Dashboard
Section
Lato 700 · 18
Top subject styles · 30d
Body
Lato 400 · 13 / 1.6
Real-time health for every account, hours logged, $/hr efficiency, AI-flagged attention items.
Small
Lato 400 · 11
generated 8/10/2026, 11:00:08 AM

Eyebrows and numbers

Eyebrows

Credentials
Marketing · 13px · .14em · SeedGreen · 22px rule

Overview
Product · 10px · 2px · SeedOrange · no rule

Numbers

$540M+
Marketing · Georgia 700 · counts up
$340,398
Product · Georgia 400 · never animates

Label above, in micro-caps. Always tabular-nums.

Type rules

  • Three families, no fourth. Georgia, Lato, JetBrains Mono. No icon fonts, no display cut for a single campaign.
  • Georgia has a 24px floor. At 24px and above it is our voice. Below 24px the serifs fringe and the whole surface looks cheap, so product section titles, card titles, table figures and stat values under 24px are all Lato 700.
  • Never Georgia for body copy and never Lato for a headline above 24px. The split is what makes the system readable at a glance.
  • Never below 13px in product, 15px in marketing, 12pt in print. 11px exists only for timestamps and micro-labels.
  • Two weights per screen. Regular and bold. No light weights, no faux-bold, no letter-spacing on lowercase text.
  • Uppercase is for eyebrows, status pills and micro-labels of two or three words at most. Never a headline, never a button, never a sentence, and never a full line of information. Letterspaced mono caps are not a style we use for reading: addresses, version lines, table headers, captions and colophons are sentence case Lato.
  • Body copy caps at 720px (--maxw-prose). Long measure is the fastest way to make a page feel unedited.
06 Voice and tone

Confident, human, receipts-first.

We speak like a partner who has done this 500 times. Direct, proof-led, warm. Lead with the result; name the number.

Do
  • Lead with the outcome and the number."Generated $540M+ in client revenue."
  • Sound like a human partner, not a platform."Your partners in revenue growth."
  • Back claims with proof: rankings, certs, names."Ranked #1 Growth Group by TrustAnalytica."
  • Keep sentences active and confident."We help you grow", not "Growth can be achieved".
Don't
  • Hype without proof."Revolutionary game-changing synergy."
  • Bury the result in features and jargon.Leading with tools instead of outcomes.
  • Sound robotic, or shout in ALL CAPS.Let the numbers carry the emphasis.
  • Abbreviate the name.Not BS. Not Busy Seed. Always BusySeed.

Hard rules

  • No em dashes, en dashes or double dashes anywhere. Use a comma, or start a new sentence. This is linted in the admin dashboard and rejected before save.
  • Person. "You" for the reader, "we" for BusySeed. Third person only in boilerplate and meta descriptions.
  • Casing. Sentence case everywhere except eyebrows and micro-labels. Headlines take a full stop. Buttons are sentence case.
  • No emoji. Not in product, not in marketing, not in decks. Status is a Pill; emphasis is weight.
  • Numbers first. Every claim carries a figure. Every proposal line carries a quantity.
  • The Seed naming system is one word, camel-cased. SeedGEO, SeedLeads, SeedOutreach, SeedEnrich, SeedSite. Never Seed GEO, never seedgeo.

UI copy

ElementRuleExample
ButtonsA verb and its object. Sentence case. No "click here", no "submit".Onboard a new client
Empty statesSay what goes here, then offer the action that fills it.No campaigns yet. Create your first sequence.
ErrorsName what failed and the next step. Never blame the user, never expose a stack trace.We could not reach HubSpot. Reconnect the integration to retry.
ConfirmationsName the object and the consequence in the button, not just "OK".Delete 3 sequences
LoadingNothing. A skeleton does the talking. No "Please wait".no copy at all
ToastsPast tense, one clause, and the object named.Client saved.
07 Two surfaces

One language, two densities.

Marketing persuades. Products report. They share every token and diverge on exactly four things. Nothing else is allowed to drift.

Type weight

Georgia 700 on marketing, Georgia 400 in product. Body 17px vs 13px.

Primary action

Orange pill on marketing. Pine rectangle in product. Orange never becomes a product button.

Card treatment

1px line, 20px radius, soft shadow on marketing. A real 0.5px hairline, 8px radius, no shadow in product.

Motion

Reveals, count-ups and marquees on marketing. In product, hover and panels only. Numbers never animate.

The half-pixel hairline is not a rounding error. It is what makes the admin read as something printed rather than something boxed, and rounding it to 1px changes the character of the whole product.

Which chrome belongs to which app

SurfaceChromeWhy
Marketing site76px white header, orange CTA on the right, no sidebarOne conversion path, nothing competing with it
Admin dashboard56px warm top bar carrying quick actions, canvas belowOperators move between many objects fast, actions stay at the top
SeedOutreach224px SeedPine sidebar, no top barDeep, sectioned workflows. The pine rail tells you which app you are in
Proposals and decksNo chrome. Full-bleed sheet or slideThey are documents, not interfaces
08 Layout and spacing

Four-pixel ladder, generous rhythm.

Every gap, pad and margin in every surface comes off one ladder. A value that is not on the ladder is a bug.

4
8
12
16
20
24
32
40
48
64
80
96

Frame measurements

TokenValueApplies to
--maxw-marketing1200pxEvery marketing section's inner width
--maxw-app1320pxAdmin and SeedOutreach content column
--maxw-prose720pxAny paragraph, anywhere
--gutter / --gutter-app32px / 40pxPage edge padding
--section-y96pxMarketing vertical rhythm, 64px when tight
--h-topnav / --h-header-marketing56px / 76pxFixed chrome heights, never adjusted per page
--h-control / --h-control-lg32px / 44pxProduct controls / marketing and touch controls
--w-sidenav / --w-slideover224px / 480pxSeedOutreach rail, detail panels
Do
  • Space with flex or grid and a gap.Gaps survive reordering. Per-element margins do not.
  • Let a section breathe at 96px top and bottom.Whitespace is how a premium page signals confidence.
  • Keep one clear focal point per screen.The eye needs somewhere to land first.
  • Align everything to a 12-column grid.Marketing pages are built from columns, not from guesses.
Don't
  • Invent a 15px or 27px gap.If it is not on the ladder, round to the nearest step.
  • Fill an empty area with a section nobody asked for.An empty-feeling page is a layout problem, not a content gap.
  • Nest a scrolling region inside a page.One scrollbar per view, and it belongs to the page.
  • Centre long body copy.Left-aligned, capped at 720px, always.
09 Components

The building blocks.

Buttons

Increase my revenue →See our results + Onboard a New ClientSync now
LevelMarketingProductPer view
PrimaryOrange pill, near-black label, CTA shadowPine rectangle, 6px radius, white label, no shadowExactly one
Secondary2px SeedGreen outline, pine labelWhite fill, 1px line, pine labelOne or two
TertiaryPine text link with arrowGray 700 text, underline on hoverAs needed
DestructiveNot usedCritical text on white, critical fill only inside a confirm dialogOne, and always confirmed

Status pills

Efficient At risk Blocked No data Outbound

Square 4px pills carry status. Rounded mint pills carry categories and are never coloured by status. A pill is never clickable, and never the only thing communicating a state.

Corner radius

4
Pills, chips
6
App controls
8
App cards
14
Panels
20
Marketing cards
999
Buttons, tags

Cards, side by side

Product · 0.5px hairline, 8px radius, no shadow
Pipeline value
$340,398
Marketing · 1px line, 20px radius, soft shadow
Lead Generation

Qualified pipeline, not raw clicks.

Icons

One line-style set, 1.5px stroke, SeedGreen or Gray 500, 20px in product and 24px in marketing. Unicode glyphs carry in-product affordances today: + new, log time, Ask AI, → ↑ ↓ direction and sort, breadcrumb, × close, warning. Third-party logos come from simpleicons.org and keep their own brand colour. The leaf is never an icon in an icon row.

Elevation

StepTokenWhere
Flat--border-hairEvery product card and table. No shadow at all
Card--shadow-cardMarketing cards at rest
Lift--shadow-liftHover, dropdowns, toasts
Pop--shadow-popModals only
Panel--shadow-panelSlide-overs only

Four steps, no fifth. Shadow signals distance from the page, so two components at the same distance take the same shadow.

10 App design

Dense, calm, printed, never bubbly.

Everything we build (the admin, SeedOutreach, and whatever ships next) is one product family. An operator should be able to move between them without relearning anything. These are the rules that make that true.

Page anatomy

Every screen in every app is assembled in this order. No screen invents its own arrangement.

1. Chrome

Admin: 56px warm top bar with quick actions. SeedOutreach: 224px pine sidebar. Fixed height, present on every screen, never restyled per page.

2. Header block

Breadcrumb, Georgia 400 title, one-line description, and the page's primary action on the right. Filters sit under it, never above the title.

3. Content

Stat tiles first if the page has them, then the table or the panels. Canvas ground at #F0EEE9, white cards on top.

4. Detail

Drilling in opens a 480px slide-over, not a new page, unless the record has its own URL worth sharing.

The rules that get broken most

  • The canvas is warm, the cards are white. #F0EEE9 behind, white on top. Never a white page with white cards, and never a grey-blue canvas.
  • Hairlines, not borders. 0.5px at 8% black. Do not round it to 1px, do not swap it for a shadow, do not stack a hairline and a shadow on the same card.
  • Orange is never a product button. It appears as a product eyebrow, a single flagged number, or the viz-4 series. Primary actions are SeedPine.
  • Numbers never animate in product. A count-up on an operational figure makes people distrust it. Count-ups are a marketing device only.
  • One dark region per screen. The SeedOutreach sidebar is that region. Do not add a pine card next to it.
  • Titles are Georgia 400. Product headings never take the marketing 700 weight. The app states, it does not sell.
  • Nothing moves under the cursor in a dense view. Table rows take a white wash, not a lift. Cards lift 1px at most.
  • One scrollbar. The page scrolls. Panels inside it do not, unless they are a slide-over or a listbox.
  • AI output is always labelled and always attributed. An marker, the model's confidence in words, and a visible way to dismiss or correct it. AI never writes to a record without a human confirming.
  • Destructive actions are confirmed, and the confirm names the object. "Delete 3 sequences", never "Are you sure?". Undo where the data allows it.
  • Timestamps are mono and absolute. 8/10/2026, 11:00:08 AM. Relative time ("2h ago") only as a secondary label beside it.
  • Every screen has a loading, empty and error state designed. A screen shipped with only its happy path is not finished.

Density

MeasureAdmin and SeedOutreachMarketing
Body text13px / 1.617px / 1.65
Control height32px44px
Card padding20px 22px30px
Table cell padding14pxNot applicable
Gap between cards16px22px
Card radius8px20px
Do, in product
  • Put the primary action in the header block, right-aligned.Operators learn one place to look.
  • Show the number and its label, in that order, with the label in micro-caps above.Consistent tiles scan in a single pass.
  • Make every row clickable into detail, with the whole row as the target.A tiny chevron is not a hit area.
  • Preserve filter and sort state in the URL.Operators share views with each other.
  • Keep the last-synced time visible wherever data comes from an integration.Trust in a dashboard is mostly freshness.
  • Group actions that belong together into one toolbar.Not scattered across the page.
Don't, in product
  • Use a marketing card in an app screen.20px radius and a soft shadow instantly look like a different product.
  • Introduce a fifth status colour.Map onto good, warn, critical, neutral.
  • Put a spinner where a skeleton belongs.Skeletons keep the layout stable, spinners hide it.
  • Open a modal for anything a slide-over can hold.Modals block work. Reserve them for confirms.
  • Hide a destructive action inside a row hover menu only.Discoverable, and confirmed.
  • Add an emoji, a bounce, or a celebration animation.The app is a tool, not a game.
11 Why panels drift

Every new app invents a new header.

The reason the tools look unrelated is not colour. It is that each one invented its own chrome, its own page title, its own idea of density. Same green, five different products.

What went wrong
  • A tool picks a rail, the next picks a top bar, a third picks a hero band — with no rule for whichNothing signals whether you are inside a console or a landing page.
  • Marketing chrome on internal screensA dark hero band on a five-row utility wastes the fold and reads as an ad.
  • Client-facing tools built with operator densityA prospect gets an 11px label and a grey table. It looks unfinished, not efficient.
  • Uppercase column heads, three table designs, four card radiiThe same data looks different in every product.
The rule now
  • Audience picks the tier. Tier picks the chromeOperator, internal tool, client. There is no fourth answer.
  • Chrome is inherited, never designedCopy the shell from this page. The only thing you author is the work area.
  • One table, one form, one card, one curveEverything below the chrome already exists in the guide.
  • Orange means client. Pine means usThe fastest read of which side of the wall a screen lives on.
12 The three tiers

Operator, tool, client.

Read down the column that matches your audience. Everything in that column is decided for you before you open the file.

 Tier A · Operator consoleTier B · Internal toolTier C · Client-facing
Who is lookingOur team, all day, many jobsOur team, one job, in burstsClients and prospects, once or weekly
ChromePine top bar, 52px, product name plus 8–10 sectionsPine left rail, 216px, grouped destinations with countsWhite nav, 70px, marketing logo, orange CTA
GroundCanvas #F0EEE9Canvas #F0EEE9Paper #FBFCFA
DensityDense. 12px rows, 13px bodyDense. 12px rows, 13px bodyGenerous. 20px rows, 15–17px body
Radius6–8px6–8px12–20px, pill CTAs
Primary actionPine, 32px, square-ishPine, 32px, square-ishOrange pill, 48px, one per view
Page titleGeorgia 400 at 30pxGeorgia 400 at 28pxGeorgia 700 at 40–48px
DataHairline ledger, alwaysHairline ledger, alwaysLedger inside a card, fewer columns, plain-language headers
Motion budget120–220ms, state feedback only120–220ms plus run progressUp to 400ms, one reveal per section
NeverHero bands, orange fills, illustrationHero bands, dashboards it does not ownRaw IDs, 11px labels, debug states
A
13 Tier A · Operator console

The console you live in.

One product, many jobs, all day. A top bar carries the sections because there are eight of them and they are all peers; a second row carries the views inside the section you are in.

Pine top bar 52pxWhite section row 40pxCanvas groundLedger tablePine actions
dev.busyseed.com/admin/clients
SeedAdmin · Operations
New taskLog timeAsk AI
omar@busyseed.com
Overview

Clients

Hours logged, dollars per hour, and anything the model flagged this week. 34 active accounts.

ExportOnboard a client
Active retainers
34
2 starting next week
Monthly recurring
$148,400
Up $7,900 from July
Median $ / hour
$213
Target is $180
Hours this week
612.4
Across 21 people
Needs attention
4
Flagged Monday
RangeLast 90 days StatusActive GroupNo grouping Search clients
ClientOwnerRetainerHours (90d)$ / hourEfficiencyLast touch
Northwind HealthA. Reyes$7,499247.6$169On target2 days
Crestline PartnersJ. Okafor$5,99936.6$217On target1 day
Rincon Events Co.A. Reyes$5,799142.0$279On targetToday
Elderwise Senior CareM. Vance$4,49925.9No data9 days
Great Basin PaperJ. Okafor$4,000128.5$558Under-serviced4 days
Harbor & VineM. Vance$3,250310.2$62Losing moneyToday
Tallgrass LegalS. Ibarra$2,90088.4$196On target3 days

What to copy: the 52px pine bar with product name plus qualifier, sections as peers, utilities right; a white 40px row for views inside the section, underlined in SeedGreen; KPI strip as one hairline-divided block, never six floating cards with coloured left borders; the ledger with sentence-case headers and right-aligned tabular figures. The only orange on the screen is the one number that needs a person to act.

B
14 Tier B · Tool with a rail

Few destinations, deep lists.

An internal tool owns one domain and has three to eight destinations. A rail suits it: the destinations stay visible while you scroll a thousand rows, and counts live next to them. This is the shape SeedAuthority already had right.

Pine rail 216pxGrouped destinationsCounts on the rightCanvas work areaIdentity at the foot
dev.busyseed.com/authority/clients/8
SeedAuthority
omar@busyseed.com
Internal tool · not client-visible
← Back to clients
Client focus

Northwind Health

Active, $7,499 per month, owned by A. Reyes. Highest-authority inventory for health and wellness.

This client's focusThe verticals we build links in. Saved on the client, set once.
Health & wellness 173 Marketing & SEO 143 Business & B2B 292 Technology & SaaS 423 Finance & fintech 143 Legal & government 73 Home & garden 104
Save focusFocus: health and wellness. Last saved 12 August.
Best authority for Northwind Highest domain rating first, best value per dollar breaks the tie. Floor is DR 30.
173 placements
DomainFitAuthorityMonthly trafficOur priceCost per DR
wellspringdaily.comHealth & wellness9229,489$1,199$6.25
thevitalledger.comHealth & wellness8086,255$1,799$10.75
clinicnotes.ioHealth & wellness7826,930$199$1.22
northmeadowhealth.orgHealth & wellness783,319$299$1.67
everydaycaregiver.netHealth & wellness771,347$499$2.79

What to copy: the rail groups destinations under 9.5px micro-labels and puts counts on the right, so the rail doubles as a status board; identity sits at the foot with the words internal tool so nobody mistakes it for something a client sees; the work area starts with a back link, an eyebrow, a Georgia title and one line of plain English explaining the sort. Selected chips are solid pine, not outlined mint.

B
15 Tier B · Single-task tool

One input, one queue.

Most internal tools are a form and a list of runs. They do not get a hero band, a marketing headline, or a full-bleed pine header. They get the same rail, a compact run form, and the ledger showing what has been run. This is SeedAds rebuilt.

Same rail as Tier BForm is a card, not a bandRuns are a ledgerLive rows show progress
dev.busyseed.com/ads/runs
SeedAds
omar@busyseed.com
Internal tool · not client-visible
Ad intelligence

Runs

Give SeedAds a business and a domain. It finds that business's live Meta ads, scores them, and rebuilds the strongest three.

Business name
Frost Buddy
Domain
frostbuddy.com
Facebook page id
Optional, skips the resolve
Build the report

Leave the page id blank to let the resolver find it. It only proceeds on a confirmed match.

Recent runsLast 30 daysDownload all as CSV
BusinessDomainAds foundBest scoreStatusFinished
Frost Buddyfrostbuddy.com4891Done14 minutes agoOpen report
Carawaycarawayhome.com12688Done2 hours agoOpen report
Meridian Outdoormeridianoutdoor.comScoring, 62%RunningView log
Bright Harbor Foodsbrightharborfoods.com0No live adsYesterdayWhy
Alder & Oakalderandoak.com3174Done2 days agoOpen report

What changed from the old SeedAds: the full-bleed pine hero became a 216px rail, which gives the tool navigation it did not have; uppercase column heads became sentence case; the form became a four-column card that fits above the fold with the queue; and the run list now carries the numbers that matter (ads found, best score, live progress) instead of five identical rows that all say done. Same tokens, a tenth of the wasted space.

C
16 Tier C · Client portal

It should feel like the website, logged in.

The moment a client sees a screen, the shell changes: white nav, the marketing logo, an orange pill for the one thing we want them to do, Georgia at full weight, and air. The data underneath is still the ledger, with fewer columns and headers written in their language.

White nav 70pxMarketing logoOne orange CTAGeorgia 700 at 44pxRadius 20No internal vocabulary
busyseed.com/portal/growth
Northwind HealthBook a strategy call

August is tracking 22% ahead of July.

Here is where your revenue is coming from this month, what we shipped, and what we are working on next. Updated every morning at 6am.

Reporting period
1–15 August 2026
$212k
Revenue attributed to campaigns
1,847
Qualified leads, year to date
6.2×
Return on ad spend this month
38
Deliverables shipped in August

Where the leads came from

Every channel we run for you, this reporting period.

ChannelLeadsCost per leadChange
Google Ads412$38+18%
Organic search386$0+9%
Meta240$51−6%
Email168$4+31%

What we shipped

The last five things that went live.

LiveLanding page for the fall check-up campaign
LiveSix new search ad groups, senior care terms
LiveReviews widget on every location page
In reviewAugust newsletter, ready for your sign-off
In reviewTwo blog posts on preventive care
Your strategist is A. Reyes. Send her a note →

What to copy: the marketing logo, not the leaf alone; one orange pill in the whole view; headline written as a finding, not a label — “August is tracking 22% ahead of July” beats “Dashboard”; numbers in Georgia 700 because a client reads four of them, not four hundred; column headers a client would say out loud (“Cost per lead”, never “CPL”). Nothing on this screen exposes an internal id, a run status, or a queue.

C
17 Tier C · Public tool

A free tool is a landing page that does something.

Unauthenticated tools sit inside the real site chrome and behave like the rest of the marketing site: full-width nav, one question per step, a single orange action, and proof underneath. The tool is the argument for the retainer, so it has to look like the site that sells it.

Real site navOne question per stepTwo steps, visibleOrange actionProof below the fold
busyseed.com/tools/ai-visibility-check
1Your question2Your visibility

What do you want AI to recommend you for?

Type the exact question your buyers ask ChatGPT, Claude or Gemini. We check the top answers and tell you whether you are in them.

e.g. best senior care provider in Salt Lake City
Business name
Northwind Health
Website
northwindhealth.com
See my visibility →

Free, no account, results in about 40 seconds.

500+
businesses we have run this for
3
engines checked: ChatGPT, Claude, Gemini
40s
average time to your result

What to copy: the tool lives inside the site nav, so it never looks like a stray subdomain; the step indicator is honest about how long this takes; one question in Georgia 700, one big input, one orange action; supporting fields are secondary and sit below the primary question, not beside it. Proof sits under the fold in the same three-stat rhythm the site uses. No card-in-a-card, no drop shadow stack, no second competing button.

18 Choosing a shell

Four questions, one answer.

AskIf yesIf no
Can a client see it?Tier C. White nav, orange CTA, generousKeep going
Does it cover more than one job?Tier A. Top bar with peer sectionsKeep going
Does it have 3 to 8 destinations?Tier B with a railKeep going
Is it one form and one list?Tier B, single-task layout. Rail still appliesIt is a page in an existing product. Do not build a new panel

What never changes across the three

  • The table. Hairline ledger everywhere. Sentence-case headers, tabular figures right-aligned, 0.5px rules, no striping, no vertical rules.
  • The type rule. Georgia only at 24px and up. Everything smaller is Lato 700.
  • The status families. Four pills, four colours, same words in every product.
  • The four-pixel ladder. Padding and gaps come off the same scale in every tier.
  • The curve. One easing, one motion budget, one reduced-motion behaviour.
  • Orange is precious. Client CTAs and one key number. Never a fill, never a chart series that is not the highlighted one.
19 Forms and inputs

Labelled, quiet, forgiving.

Every field in every app is built the same way: micro-caps label above, 32px control, 0.5px hairline, mint focus ring. Nothing about a form should require a second look.

Correct
Client nameNorthwind Health

As it should appear on invoices.

Monthly retainer$5,999
Owner 

Pick an owner before saving.

Wrong
Client name
Retainer 

Placeholder used as the label, so it disappears on focus. Marketing radius on a product control. Label beside the field, which breaks the scan line. No help text, no error slot.

Field rules

ConcernRule
LabelAlways visible, above the control, 10px micro-caps Gray 500. A placeholder is never a label.
PlaceholderAn example of the format, or nothing. Gray 500. Never an instruction.
Help textOne line, 11px, below the field, present from the start rather than appearing on error.
FocusSeedGreen border plus a 3px SeedMint ring. Visible for keyboard and mouse alike. Never removed.
ValidationOn blur and on submit, never on every keystroke. The message replaces the help text in the same slot so nothing reflows.
Error textCritical, bold, 11px, and it says what to do next.
RequiredMark the optional fields instead. If almost everything is required, marking required is noise.
DisabledGray 200 fill, Gray 500 text, and a reason nearby. A dead control with no explanation is a bug report waiting to happen.
Switch vs checkboxSwitch applies immediately. Checkbox waits for save. Never mix the two in one panel.
Select vs radioTwo or three options: radio. Four or more: select. Twelve or more: search field.
ButtonsPrimary on the right, cancel as a text button to its left. Same order in every dialog and every form.
SaveExplicit save in the admin. Autosave only where SeedOutreach already autosaves, and then say so with a timestamp.

Marketing lead forms are the one exception on size: 44px controls, 14px radius, generous spacing, and the orange CTA. They are conversion surfaces, not operator tools.

20 Tables, data and charts

The table is the product.

Most of what we build is a table with opinions. It gets the most rules because it carries the most weight.

The hairline ledger

There is one dense-table treatment in this system and this is it. A white sheet on the warm canvas, half-pixel hairlines, sentence-case headers, figures right-aligned in Lato 700. Every account list, campaign list, contact list and time log in every product is this table with different columns.

ClientOwnerMRR ↓Hours$ / hrStatus
Northwind HealthDiana C.$7,499247.6$169Efficient
Cedar & CoNicole C.$4,00061.0$98At risk
Brightmeadow CareDiana C.$4,49925.90No data

Table rules

  • Headers are sentence case. Lato 700 at 12.5px in Gray 700 on a Paper band, with a 0.5px rule beneath. Not uppercase, not letterspaced: position and the rule already say "this is a header". Rows divide on the fainter 6% hairline.
  • Numbers right-align, in Lato 700 with tabular figures. Nothing in a table reaches 24px, so Georgia never appears in one. Text left-aligns. Nothing centres.
  • Hover is a white wash across the whole row. No lift, no per-cell ring, no colour change, no scale.
  • Seven columns is the ceiling. Past that, move detail into the slide-over.
  • No zebra striping and no vertical rules. The hairline does the work. Stripes make a warm canvas look striped, not structured.
  • Empty cells read "0" or a neutral pill, never a dash and never blank. A dash in a figure column is the same mistake as a dash in a sentence, and a blank cell is indistinguishable from a bug.
  • The header row sticks on any table longer than one screen. Sort state shows as or beside the active column label, which turns pine.
  • Two densities, no third. 49px rows by default. 29px rows for time logs and contact lists. The account overview never goes dense.

Grouping

When grouping is on, the group becomes a Mint Soft band across the full width carrying its name and its subtotals, and its members indent by 14px. It is never a second card and never a collapsible accordion: the table stays one sheet you can read top to bottom.

ClientMRRHours$ / hrStatus
Diana C. · 2 accounts$11,998273.5$44
Northwind Health$7,499247.6$169Efficient
Brightmeadow Care$4,49925.90No data

Selection

Selection adds a 40px checkbox column, tints the chosen rows mint, and puts a bulk bar above the table naming the count and only the actions that apply to it. The select-all box shows an indeterminate state on a partial selection, never a full tick. Destructive bulk actions still open a confirm that names the objects.

2 clients selectedAssign a CSMExportArchiveClear
ClientMRR ↓$ / hrStatus
Northwind Health$7,499$169Efficient
Crestline Partners$5,999$217Efficient
Cedar & Co$4,000$98At risk

Charts

Draw the ramp in order

viz-1 pine, viz-2 green, viz-3 teal, viz-4 orange, viz-5 navy, viz-6 foam, viz-7 light green. Never reorder to make a series "pop".

Orange appears once

viz-4 reads as the answer. One orange series or one orange bar per chart, and only when it is the point.

Growth bars are the house style

Rising bars come from inside the leaf. That is why our bar charts look like the mark, and why bars beat lines by default.

Label the data, not the axis

In dense product views, value labels on the bars beat a y-axis. Gridlines are viz-grid at 8%, horizontal only.

Never decorate

No 3D, no gradient fills, no drop shadows, no donut with more than four slices, no dual y-axis.

Sparklines carry no axis

Trend only, 24px tall, SeedGreen stroke with viz-fill beneath, and the current value printed beside it.

Stat tiles

Label in micro-caps above, value in Georgia 400 with tabular figures, delta beneath as a status-coloured pill with a direction arrow. Four across at most. A tile without a comparison is a number without meaning, so always give it a period or a target.

21 States and feedback

Design the other three states.

Loading, empty and error are not edge cases. They are most of what a new user sees, and most of what an operator sees on a bad day.

Loading

A skeleton in the real layout. No spinner, no "Please wait", no jumping when the data lands.

Empty
No campaigns yet
Sequences you build will show up here.
+ Create a sequence

Says what belongs here, then offers the action that fills it. No illustration.

Error
HubSpot is not responding

Pipeline figures are from 6:02 AM. Reconnect to refresh.

Reconnect HubSpot

Names what failed, what it costs the operator, and the way out.

Which vessel carries the message

VesselUse it forNever
ToastA completed action. Bottom-right, 4 seconds, one line, past tense.Errors that need a decision, or anything the user must read twice
BannerA page-wide condition: stale data, degraded integration, billing.Success messages, or more than one at a time
Inline messageA problem with a specific field or card, shown next to it.Anything the user cannot act on from where they are
ModalConfirms and destructive actions only. 480px, one decision.Forms, detail views, onboarding, marketing
Slide-overRecord detail, filters, Ask AI. 480px from the right.Anything that needs a shareable URL
Insight panelAI-generated observations, marked and dismissible.Presenting a model's guess as a system fact
✓  Client saved.

Rules

  • One banner, one toast, one modal at a time. Stacked feedback is how a product loses credibility.
  • Feedback appears where the action happened. A row-level failure does not become a page-level banner.
  • Optimistic updates need a real rollback, with an inline message when the write actually fails.
  • Nothing auto-dismisses if the user has to act on it. Toasts vanish. Errors stay.
  • Skeletons only where the shape is known. If the layout depends on the response, show the empty frame and a single quiet progress line.
22 Accessibility

If it cannot be used, it is not designed.

Contrast

4.5:1 for body text, 3:1 for text above 24px and for UI borders. Gray 500 is a label colour, never body copy. White type never touches SeedMint, SeedGreen, SeedFoam or SeedOrange.

Focus

Every interactive element has a visible focus state: SeedGreen border plus a 3px SeedMint ring. outline:none without a replacement is never acceptable.

Hit targets

44px minimum on marketing and anything touched. 32px minimum in dense product views, with 8px of clear space around it.

Never colour alone

Status carries a word as well as a colour. Chart series carry labels. A red dot with no text means nothing to a third of the people looking at it.

Motion

Everything collapses under prefers-reduced-motion. No parallax, no autoplaying video with motion in the first second.

Structure

One h1 per page, headings in order, real buttons and labels rather than divs, alt text that says what the image shows or nothing at all when it is decorative.

Checks before anything ships

  • Tab through the whole screen. Focus order matches reading order, nothing is trapped, and every stop is visible.
  • Zoom the browser to 200%. Nothing clips, nothing overlaps, no horizontal scrollbar appears.
  • Turn images off. The page still makes sense and the logo still has a name.
  • Read the labels out loud. If a button's label only makes sense next to its icon, the label is wrong.
23 Motion

One curve. No bounce, ever.

Everything eases on cubic-bezier(.2,.7,.2,1) and collapses entirely under prefers-reduced-motion. Motion confirms; it never performs. If you cannot say which user question an animation answers, delete it.

120ms

Hover, borders, colour changes.

180ms

Buttons, cards, tabs.

220ms

Slide-overs and panels.

400ms

The product ceiling. Reveals, count-ups, anything longer than a state change. Nothing in an app exceeds this.

600 / 1600ms

The only two exceptions, both marketing: 600ms scroll reveal, once, and the 1600ms count-up on a headline number.

Press

translateY(1px) on everything clickable, no exceptions.

Marketing lifts 2px on hover. Product lifts 1px. Table rows do not lift at all, they take a white wash, because a row that moves under the cursor makes a dense table feel unstable.

  • No bounce, no spring, no overshoot, no easing-in. One curve across every surface.
  • Nothing loops once the work is done. A loop is only allowed while something is genuinely pending: the skeleton shimmer, the indeterminate run bar and the live pulse dot, all specimened below. The media marquee on the marketing site is the one decorative exception.
  • Nothing animates on load in product, with one exception: a figure marked live counts to its value once, in 400ms. Everything else is either there or skeletonised.
  • Animate opacity and transform first. Colour, background and hairline changes are fine at 120ms, and a row hover may take an inset edge. Geometry animates in exactly two places, both specimened below: the determinate run bar's width and the skeleton's background position. Never animate height, and never animate a shadow to fake a lift.

Live specimens

Everything below runs. Hover a card to trigger it. These are the only animations any BusySeed surface ships.

Row hover120ms
Northwind Health$7,499
Crestline Partners$5,999
Rincon Events Co.$5,799

Background to gray 50 plus a 2px SeedGreen edge. Answers “which row am I on” in a thousand-row ledger. Never a scale, never a shadow.

Tab underline180ms
HealthRetainersEfficiency
Content swaps with no fade. Only the marker moves.

The marker slides between sections so the eye follows the change instead of hunting for it. Content itself never fades in; that reads as slowness.

Toast in200ms
Focus saved for Northwind Health
Enters up 8px, holds 4s, leaves in 150ms.

Confirmation for anything that saved without a page change. Eight pixels of travel, no slide across the screen, no bounce on arrival.

Skeleton, not spinner1.4s loop

Anything that takes over 300ms to load shows the shape of what is coming. A skeleton keeps the layout still; a spinner throws it away and reflows on arrival.

Run progressreal, not fake
Scoring 126 ads62%
Started 2 minutes ago · about 90 seconds left

Long internal jobs get a determinate bar tied to real progress, plus a time estimate. Never animate a bar that does not know the number.

Side panel220ms
Ledger stays put
Placement detail
Esc to close

Detail slides in from the right over a still list. The list never moves and never dims to black; a 28% scrim at most, and only on mobile.

Live number400ms, on change
Live
0.0
Hours logged this week

A figure that updates while you watch gets a 400ms count and a quiet pulse dot. Only on first paint and on a real change — never on every re-render.

Client-side reveal400ms, once
$212k
Revenue attributed

Tier C only. One reveal per section, 12px of rise, fires once on entry and never again. Tier A and B do not get entrance animations at all.

Focus ringinstant
frostbuddy.com
Ring appears with no transition.

Focus and error states never animate. A keyboard user moving through twelve fields should not sit through twelve fades.

The four that make it look amateur

Bounce and springbanned

Overshoot reads as a toy. Our one curve settles; it never passes the target and comes back.

Spinner as the answerbanned

Fine for under 300ms inside a button. Never as a full-page loader — use a skeleton or a determinate bar.

Hover scale on cardsbanned
Report card

Growing, tilting, lifting cards. Hover changes background or border, nothing else. Max lift anywhere is a shadow, never a transform.

The animated leafbanned

The mark never rotates, grows, draws itself, or acts as a loader. It is a logo, and it holds still.

The rest of the never list

  • Parallax and scroll-jacking. Scroll belongs to the user in every tier.
  • Autoplaying carousels. If it matters, it stays on screen.
  • Animated gradients and moving background blobs. The pine ground is still.
  • Staggered entrance on lists. A 40-row table that arrives one row at a time is 40 chances to feel slow.
  • Count-ups on every render. There is one count-up rule: first paint and a real change only, 400ms in product, 1600ms on a marketing headline, and never inside a table cell.
  • Anything over 400ms in product. If a transition needs longer, it is hiding a performance problem. The two marketing exceptions are named in the table above, and there is no third.
Reduced motion

Under prefers-reduced-motion: reduce every animation on this page stops and every transition drops to zero. Nothing is lost, because motion in our system only ever confirms something that is also stated in words or colour. Ship that media query with the component, not as a later fix.

24 Motif and imagery

The leaf, growth bars, real people.

Leaf watermark

One loud at 7 to 14% bleeding off a corner, then three or four at 4 to 5% as faint texture. Never behind a headline, a button, or a person. Always the real file, never a redraw.

Growth bars

The rising-bar motif from inside the leaf, reused for charts and proof. It is why our bar charts look like the mark.

Real people

Lead with real team and client faces. Never stock, never illustration, never an AI-generated face.

Photography that works

Omar, CEO
Clean cutouts stand on the bottom edge of a Mint Soft field.
The team
Editorial black and white. Polished and credible.
Diana C.
Plate removed, name set in Lato beside it. The preferred treatment.
Diana C., BusySeed General Manager
When the name plate is baked into the file, the ground is SeedPine and the frame matches the file's own proportions. Cropping it to a card shape either clips the type or wastes half the panel.

How a cutout sits in its frame

A cutout always stands on the bottom edge of its frame. Anchor it to the bottom, let it bleed off if it needs to, and never centre it vertically: a torso floating in the middle of a panel reads as a severed body, not a person. Feet, hips or the bottom of the jacket meet the frame edge. Same rule on slides, in proposals, in ads and in AI-generated banners.

Cutouts with type baked in

Several team cutouts ship with a white name plate already on the file. On a Mint Soft field that type disappears, which is the single most common photo mistake in our decks. Those files go on SeedPine, or the plate gets removed and the name is set in Lato beside the photo, which is the treatment we prefer. Never letterbox a wide plate file into a card-shaped frame: half the panel ends up empty. Check every cutout against its ground and its frame before it ships.

Photography to avoid

No unnatural filters and never a shifted skin tone. No distortion: never stretch or warp a photo to fit a frame. No headline on a busy area without a scrim. If a photo needs a heavy filter, a stretch, or a headline dropped on a busy area, it is the wrong photo or the wrong treatment.

25 Generative and AI

Brand-true creative, made with AI.

Generative tools follow the prompt and default to whatever the internet does. These four rules keep AI output inside the system.

Attach, never describe

Models cannot draw the wordmark or the growth-bar leaf. Every attempt invents a generic leaf. Attach logo-primary.png and leaf-green.png as reference files and tell the model to place them exactly as supplied.

Keep the field light

Mint Soft or Paper across the whole frame. Never a dark canvas, and never a layout split into a light half and a dark half. Contrast comes from one coloured band.

Leaf once loud, then quiet

One leaf at 7 to 14% bleeding off a corner, then three or four more at 4 to 5% scattered as faint texture. Never behind headlines, buttons or a person.

Write a brief, not a spec

One flowing paragraph beats a sectioned spec sheet. Name every colour by hex, put the copy in quotes verbatim, and say plainly what the model must not invent.

The house prompt

The starting point for any BusySeed banner, ad or thumbnail. Paste it whole and replace the bracketed parts.

Clean flat vector marketing banner for a B2B SaaS [ASSET], wide 3:2, generous negative space, premium and confident. Soft mint-green background (#EEF4EB), left-aligned text block. Use attached image 1 as the BusySeed logo, placed small in the top-left corner exactly as supplied. Use attached image 2 as a large leaf watermark at 10% opacity bleeding off the top-right corner, then reuse that same leaf 4 more times at 4 to 5% as faint scattered texture, never behind text or a person. Do not draw, redraw or invent any logo or leaf yourself. Small orange pill reading "[EYEBROW]" in white, beside "[DETAIL]" in forest-green caps. Bold serif headline in deep forest green (#08441E) reading "[HEADLINE]", final word in warm orange (#F98D13). Gray sans-serif subheadline: "[SUBHEAD]". Three green circular check-marks: "[POINT 1]", "[POINT 2]", "[POINT 3]". Orange rounded "[CTA]" button with small gray text beside it: "[ATTRIBUTION]". On the right, [SUBJECT]. Palette: #08441E, #5D9247, #F98D13, #EEF4EB, off-white. Modern, human, corporate, editorial.
Always attach

1. The logo PNG. 2. The leaf PNG. 3. A cut-out portrait if a person appears. 4. Any partner badge you name.

Never let it

Draw the logo, the leaf or a partner badge. Fill the canvas with black. Put a headline on orange. Generate a human face.

If it comes out wrong

A wrong leaf means it was described, not attached. Too dark means the background line was ignored.

AI features inside our products

RuleWhat it means in the UI
Always markedAn glyph and the word "AI" on anything a model produced. No silent generation.
Always reversibleDismiss, edit, or undo, present at the point of output.
Never auto-writesA model can draft and can flag. A human confirms before anything is saved or sent.
Confidence in words"Low confidence, worth a check", not "0.62". Operators do not read probabilities.
Sources namedWhich records the observation came from, linked.
26 Proof and claims

Every claim has to be one we can defend.

500+businesses served
$540M+in client revenue generated
5.0on Clutch, and 100+ five-star reviews
Top 10US agency, and #1 Growth Group by TrustAnalytica
CertifiedGoogle Partner, Meta Partner, HubSpot Solutions Partner
No age or anniversary claims

The 10-year badge is retired and longevity is not a headline. In AI and GEO especially, age reads as legacy rather than authority. Lead with accreditation and scale.

The proof chip

A white rounded card with a soft shadow, a green icon on the left, the number in bold SeedPine and a small grey label beneath. Stack at most two.

Never claim

Any award, council or membership we cannot evidence on request.

27 Proposals

Every line carries a number.

A deliverable without a quantity is not a deliverable. If a line item has no number on it, it does not go on the proposal.

No
  • Organic social posting across Facebook, Instagram and LinkedIn
  • Custom content creation
  • Multi-step email cadences
Yes
  • 12 organic social posts per month across Facebook, Instagram and LinkedIn
  • 8 custom branded graphics per month
  • 5-touch email cadence to 2,000 contacts per month

Template anatomy

The Authority Foundation / Prosal layout is the standard, and every proposal follows it. Left panel, SeedTeal ground: icon, package name, price pill, italic tagline, and an EXPECTED OUTPUT box. Right side: a What's Included header, green check-circle bullets, and one small italic footnote at the bottom. Pricing holds at the standard entry point with a six month minimum.

Quantities apply to posts, graphics, ad creatives, contacts reached, emails sent, calls made, hours, reports, audiences and tests.

28 Before it ships

Nine checks.

  • 1The tier is named in the ticket, and the chrome was copied, not designed.
  • 2Every table is the hairline ledger, with sentence-case headers.
  • 3No Georgia below 24px, anywhere.
  • 4Uppercase appears only in eyebrows, status pills and micro-labels of two or three words.
  • 5Orange appears at most once per view, and only in Tier C or on one key number.
  • 6Loading, empty and error states exist for every list on the screen.
  • 7Every animation is on the one curve, under 400ms, and dies under reduced motion.
  • 8No internal ids, run states or model names on a Tier C screen.
  • 9Someone who uses another BusySeed product can find the primary action in under five seconds.
29 The living system

Plant it. Grow it.

This page is generated from the same token files the products ship with. When the system evolves, this document evolves with it. Nothing here is a picture of a decision; it is the decision.

styles.cssThe single stylesheet every surface links. Imports only.
tokens/colours, typography, spacing, shape, motion, fonts, base
components/34 React primitives, each with a props contract and a rules file
ui_kits/marketing/Homepage and industry page
ui_kits/admin/Clients dashboard and client record
ui_kits/outreach/SeedOutreach dashboard and campaigns
ui_kits/proposals/The Authority Foundation sheet
slides/Six sales-deck archetypes
guidelines/23 specimen cards
assets/leaf-green.pngThe leaf. The only leaf.
SKILL.mdEntry point for AI agents building BusySeed work

Changed in 7.4

Changed in 7.3

Every account name, figure and email address in this document is fictional sample data. No client is named anywhere in this guide.

Brand guidelines 7.4 · August 2026 · Built on the live V7 design system
BusySeed, 1178 Broadway #508, New York, NY 10001