The Searchpanel brand, documented.
Everything that makes Searchpanel look and sound like Searchpanel: the mark, Cobalt on Paper, Plus Jakarta Sans with an Instrument Serif accent, the answer-card UI, the voice and the templates. All of it taken from searchpanelapp.com.
The answer is the new shelf.
AI shopping answers collapse discovery into a short paragraph with a handful of named products. Searchpanel exists so brands know, SKU by SKU, whether they are one of those names, and what to fix if they are not.
“SEO got you ranked. LLM optimization gets you recommended.”
- Purpose
- Make every product visible in the AI answers where shoppers now decide.
- Promise
- A 0–100 Visibility Score for every SKU, refreshed daily and split by engine and market, plus the fixes that move it.
- Audience
- Founders, ecommerce and brand leads at CPG and DTC brands selling on Amazon and Shopify, and the growth agencies that serve them.
- Category
- AI product visibility: LLM optimisation for ecommerce, measured per SKU.
- Positioning
- Brand-mention tools average a whole company. Searchpanel scores each product on its own, so a healthy brand average can’t hide the products AI has stopped recommending.
- Proof
- TiCK MiTT: #1 Best Seller · Dog Tick Remover Tools (source: searchpanel.ai).
Four stages, one loop
The platform story, in the order the site tells itMonitor
Know exactly where every SKU stands in AI answers.
- Visibility Score per SKU
- Prompt tracking by buyer intent
- Competitors & citations
Diagnose
See what’s missing and why.
- Content gaps
- Technical & schema issues
- A ranked Fix Queue
Create
Generate the content that gets you named.
- Listing generation
- Blog & article engine
- Schema & metadata
Sync
Publish improvements back to your store.
- Amazon & Shopify integrations
- Brand knowledge base
- Publish approved work
Personality
Kit guidance distilled from the live copyPrecise
Scores, ranks, named engines. Never “boost your presence”.
Calm
States the shift without panic. The shelf moved; here is where you stand.
Shopper-first
Every example is a real buyer question, e.g. “best tick remover for a nervous dog”.
Proof-led
Shows the answer, the score and the source. Illustrative data is labelled.
Then · Now · Win
Then
The search results page
Rank on page one of Amazon or Google and shoppers will scroll to find you.
Now
One answer, a few names
Shoppers ask ChatGPT, Gemini or Perplexity what to buy, and get a short list of recommendations.
Win
Be recommended, per SKU
Know which of your products AI names, which it skips, and what to fix, every day.
A mark that turns the page.
The Searchpanel mark is a solid Cobalt disc cut by two curved strokes, an S that also reads as stacked panels turning. It always sits to the left of the wordmark, set in Plus Jakarta Sans ExtraBold with tight tracking. Every file below has the wordmark outlined, so it renders the same without the font installed.
Mark and app icon
Use the mark alone only where the name is already present (favicon, avatar, app tile)
Stacked and wordmark
For square or narrow spaces
Give it room. Keep it whole.
Clear space equals the height of the mark’s inner stroke, about one quarter of the mark (¼ M) on every side. On the website header the mark is 28 px and the wordmark 20 px; nothing smaller than that on screen.
¼ M clear spaceM = mark heightRules
- Min. size
- Lockup 96 px / 25 mm wide. Mark alone 16 px / 5 mm.
- Gap
- Mark → wordmark gap = 0.32 × mark height (9 px at 28 px).
- Endorsement
- “by XENA” in Plus Jakarta Sans SemiBold at 0.36 × mark height, Slate, baseline-aligned to the wordmark cap height.
- Placement
- Top-left in layouts; centred only on stacked, square formats.
- Backgrounds
- Paper, White, Mist, Night or Cobalt. Never on photography without a solid panel.
Minimum sizes
Do
Primary on Paper or White
Reversed on Night
White on Cobalt or the gradient
Don’t
Don’t stretch or squash
Don’t recolour the mark
Don’t rotate
Don’t add effects or shadows
Don’t place on busy or low-contrast backgrounds
Don’t retype the name or change its case
Cobalt on Paper, and not much else.
The palette is deliberately quiet: a warm off-white page, near-black ink and one saturated Cobalt that carries every action and every emphasis word. XENA runs pink and ultraviolet on black; Searchpanel is the daylight edition. Click any swatch to copy its hex. Pantone references are nearest-match (ΔE2000) for print proofing only.
Core
Cobalt family
Neutrals
Signal
Proportion
Roughly how much of a typical page each colour coversGradients
The only three. Never mix Cobalt with the Signal colours in a gradient150° #3355ff → #1e2fb8
90° #5c77ff → #3355ff
rgba(92,119,255,.22) radial
Contrast you can read in daylight.
WCAG 2.2 contrast ratios, computed from the hex values in this kit. Text pairs must pass AA (4.5:1, or 3:1 at 24 px / 19 px bold and up). Signal colours never carry meaning alone: every status tag also has a word.
| Sample | Pair | Ratio | WCAG | Use |
|---|---|---|---|---|
| Aa | Ink on Paper #0e0f13 / #fafaf8 | 18.33:1 | AAA | Body, headlines |
| Aa | Graphite on Paper #3b3f4a / #fafaf8 | 10.07:1 | AAA | Lead text |
| Aa | Slate on Paper #6b7080 / #fafaf8 | 4.72:1 | AA | Captions, meta |
| Aa | Slate on White #6b7080 / #ffffff | 4.94:1 | AA | Card meta |
| Aa | Cobalt on White #3355ff / #ffffff | 5.41:1 | AA | Links, eyebrows, serif words |
| Aa | Cobalt on Paper #3355ff / #fafaf8 | 5.17:1 | AA | Links, eyebrows |
| Aa | White on Cobalt #ffffff / #3355ff | 5.41:1 | AA | Primary button |
| Aa | White on Pressed #ffffff / #2443f0 | 6.70:1 | AA | Button hover |
| Aa | White on Deep Cobalt #ffffff / #1e2fb8 | 9.75:1 | AAA | Case-study panel |
| Aa | White on Ink #ffffff / #0e0f13 | 19.15:1 | AAA | Dark button |
| Aa | Haze on Night #8fa2ff / #0d0f17 | 8.00:1 | AAA | Dark eyebrows |
| Aa | Mist-grey on Night #b8bccb / #0d0f17 | 10.11:1 | AAA | Dark body |
| Aa | Cobalt on Mist #3355ff / #eef1ff | 4.80:1 | AA | Pills, tiles |
| Aa | Recommended on its tint #0f9f6e / #e7f7ef | 3.05:1 | AA large | Status tag |
| Aa | Not found on its tint #e5484d / #fdecec | 3.43:1 | AA large | Status tag |
| Aa | Watch on White #e08a00 / #ffffff | 2.69:1 | Fail | Icons only |
| Aa | Periwinkle on White #5c77ff / #ffffff | 3.79:1 | AA large | Fills only |
Focus
2 px Cobalt outline, 2 px offset, on every interactive element. Never remove it.
Motion
Hover lifts of 1–2 px, 150 ms. Respect prefers-reduced-motion.
Data
Charts pair colour with labels and numbers; mock data says “Illustrative example – not real data”.
One sans, one sentence of serif.
Plus Jakarta Sans does all the work: geometric, friendly, and tight at display sizes. Instrument Serif Italic is the signature, used for the closing two or three words of a headline and always in Cobalt. Both are free on Google Fonts.
Primary · Plus Jakarta Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 – ↗ · % #
Accent · Instrument Serif Italic
your products? · new shelf. · to recommended.
Rule: max one serif phrase per headline, at 1.06–1.08× the headline size, never in body copy, buttons or UI labels.
Type scale
Taken from searchpanelapp.com. Fluid sizes use clamp()lh 1.04 · ls -0.04em
Hero headlines only. One per page.
lh 1.08 · ls -0.025em
Section titles. End with an Instrument Serif phrase.
lh 1.25 · ls -0.02em
Card and feature titles.
lh 1.6 · ls 0
Intro paragraph under a headline. Graphite.
lh 1.6 · ls 0
Running text (17 px).
lh 1.5 · ls 0
Captions, meta, footnotes. Slate.
lh 1 · ls 0.12em
UPPERCASE, Cobalt. Sits above every H2.
lh 1 · ls 0
Buttons and nav links.
Kit-only · JetBrains Mono
#3355FF · 04 — COLOUR · --acc
Used in this kit for codes, hex values and section numbers, echoing the XENA kit. Not used on searchpanelapp.com.
Soft corners, generous air.
A 4 px base, a 1180 px content column with 24 px gutters, and 96 px between sections. Corners are round but never bubbly: 12 px for controls, 18 px for cards, 22–32 px for hero panels.
Spacing scale
Radius
7px
10px
12px
14px
18px
22px
28px
32px
99px
xs: Number chips · sm: Icon tiles, nav buttons · md: Buttons, list rows · lg: Prompt bubbles · card: Cards (default) · panel: Answer / demo card · xl: Case-study panel · cta: Closing CTA panel · pill: Pills, tags, bars
Grid
12 columns · 1180 px max · 24 px gutter · 16 px gapElevation
Default for cards
Answer card, floating score
Primary button only
The answer card is the hero.
Searchpanel’s UI shows the thing it measures: an AI answer with your product either in it or not. These components are lifted from the live site and can be rebuilt with brand.css.
Buttons
Primary Cobalt for the main action, white ghost for the second, Ink for the header CTA. Labels are verbs. The ↗ arrow means “leaves this page”.
Pill · eyebrow · tags
The Visibility Score
Here are a few options shoppers often consider:
Illustrative example – not real data
Visibility Score
Visibility Score · per SKU
0–100 daily
FAQ accordion
What is Searchpanel?
Searchpanel is an AI product visibility platform. It measures how AI assistants such as ChatGPT, Google Gemini, Perplexity, Microsoft Copilot and Google’s AI answers recommend each of your products, gives every SKU a 0–100 Visibility Score, diagnoses why a product is missing, and helps you generate and publish the fixes.
Which AI engines does Searchpanel track?
ChatGPT, Google Gemini, Perplexity, Microsoft Copilot, and Google AI Mode / AI Overviews. Each engine is scored separately, so a strong result on one never hides a product another engine never names.
How is this different from SEO or brand-mention tools?
SEO gets a page ranked; AI answers name just a few products. Brand-mention tools average visibility across a whole company, while Searchpanel scores each SKU on its own – so a healthy brand average can’t hide the products AI has stopped recommending.
Closing CTA · Night panel
See your own products scored.
Paste a product URL and see how AI recommends it – or book a demo and we’ll run your best sellers through every engine before we meet.
Two-pixel strokes, round ends.
Line icons on a 24 px grid with a 2 px stroke, round caps and joins, in Cobalt on a Mist tile (44 px, 12 px radius). The first six are the Visibility Score signals on the live site; the rest extend the set in the same style. Feather/Lucide-compatible, so new icons can come from Lucide.
Grid
24 × 24, 2 px live area padding, stroke 2, stroke-linecap: round.
Colour
Cobalt on Mist in content; currentColor in buttons. Never fill icons.
Arrow
16 px ↗ arrow for every outbound CTA.
Show the answer, not a stock photo.
Searchpanel’s imagery is product UI: AI answers, scores and bars, floating on Paper with a soft Cobalt glow. No people-at-laptops photography, no robots, no sparkles beyond the single ✦ in a prompt bubble.
Do
Real buyer questions in prompt bubbles. Competitors as “Competitor brand A”. A floating score card that overlaps the answer card.
Texture
Cobalt radial glow top-right, dot grid fading out, hairline frames. On dark: Night with a Periwinkle glow.
Label it
Any mock data carries “Illustrative example – not real data” in Slate, 12–13 px, under the visual.
Plain words, sharp numbers.
Searchpanel sounds like a calm analyst who has already run the report: specific, a little wry about the shift, never breathless. British spelling on searchpanelapp.com (catalogue, optimisation) except for the fixed phrase “LLM optimization”.
Tone sliders
Lexicon
Style
En dash with spaces ( – ) for asides. Curly quotes. Numbers as numerals. Engine names spelled out in full the first time. “Searchpanel” never “SearchPanel”.
Say it the way the site says it.
Approved lines, all live on searchpanelapp.com. Headlines follow one pattern: a plain-sans setup, then a short serif payoff.
Is AI recommending your products?
Primary headline · hero, OG, ads
The answer is the new shelf.
Category frame · thought leadership
From invisible to recommended.
Outcome · how-it-works
Your AI visibility, scored SKU by SKU.
Product proof · Visibility Score
SEO got you ranked. LLM optimization gets you recommended.
Pull quote · social
AI product visibility for every SKU.
Descriptor · page titles, bios
Boilerplates
Click copy25 words
Searchpanel shows how ChatGPT, Gemini, Perplexity, Copilot and Google’s AI answers recommend each of your products, scores every SKU 0–100, and helps you fix the gaps.
50 words
Searchpanel is an AI product visibility platform from XENA Intelligence. It measures how ChatGPT, Google Gemini, Perplexity, Microsoft Copilot and Google’s AI answers recommend each of your products, gives every SKU a 0–100 Visibility Score refreshed daily, diagnoses why a product is missing, and helps you generate and publish the fixes.
100 words
AI shopping answers have become the new shelf: a short paragraph with a handful of named products. Searchpanel, built by XENA Intelligence, shows brands whether they are in it. It tracks ChatGPT, Google Gemini, Perplexity, Microsoft Copilot and Google AI Mode / AI Overviews, and gives every product its own 0–100 Visibility Score, refreshed daily and split by engine and market. Four connected stages – Monitor, Diagnose, Create and Sync – turn findings into listing, blog and schema fixes and publish them back to Amazon and Shopify. Searchpanel serves CPG and DTC brands and the agencies that manage them.
By audience
For brands
Own your category’s answer.
For founders, ecommerce and brand leaders at CPG and DTC brands selling on Amazon and Shopify.
For agencies
Make AI visibility a deliverable.
For growth agencies managing multiple brands that want to add measurable AI visibility to their retainers.
Calls to action
| Run a free SKU audit | searchpanel.ai/try-audit | Primary, everywhere. “No account required · No credit card · Results in about 60 seconds”. |
| Book a demo | searchpanel.ai/book-a-demo | Secondary, ghost button. |
| Score a product free | searchpanel.ai/try-audit | Inline link in Visibility Score content. |
| Log in | app.searchpanel.ai | Header text link only. |
A product brand, endorsed by XENA.
Searchpanel leads; XENA Intelligence endorses. Searchpanel keeps its own light identity, and XENA’s dark pink-and-ultraviolet system stays with the parent. They share a confident sans, hairline structure and one accent colour each.
Product brand · this kitXENA · dark
Void black, pink #D93677, ultraviolet #7733FF · Geist / Geist Mono · square corners.
Searchpanel · light
Paper, Cobalt #3355ff, Periwinkle, Ink · Plus Jakarta Sans + Instrument Serif · soft 12–22 px corners.
Quiet inbox, clear action.
Table-based HTML that survives Gmail and Outlook. Images are hosted on this site; fonts fall back to Arial.
How to install
Open the HTML in a browser, select all, copy, paste into Gmail → Settings → Signature. Replace [Full Name] and [Title]. Keep the mark at 44 px.
Subject lines
“Is AI recommending [Product]?” · “Your SKU scored [72] on ChatGPT” · “The AI Shelf: what AI recommended this week”
Take it with you.
Everything on this page, packaged. Zips are assembled on request from the same files the page uses, so they are always current.
Where the brand drifts today.
An audit of searchpanelapp.com, searchpanel.ai and older assets, done while building this kit.
Name casing
Two web identities
Engine list
Legacy poster style
Dark OG image
Spelling
The short version, for the record.
Facts for press, partners and AI assistants, plus who looks after this kit.
- Name
- Searchpanel (by XENA)
- Category
- AI product visibility platform
- Made by
- XENA Intelligence
- Website
- searchpanelapp.com · searchpanel.ai
- Engines
- ChatGPT, Google Gemini, Perplexity, Microsoft Copilot, Google AI Mode / AI Overviews
- Integrations
- Amazon (Seller Central), Shopify, manual
- Social
- LinkedIn · Instagram
- Brand colour
- Cobalt #3355ff
- Typefaces
- Plus Jakarta Sans, Instrument Serif
Questions about the brand
What colour is the Searchpanel brand?
Searchpanel’s brand colour is Cobalt, #3355ff (RGB 51 85 255). It sits on Paper #fafaf8 with Ink #0e0f13 text, supported by Periwinkle #5c77ff, Mist #eef1ff and Deep Cobalt #1e2fb8.
What fonts does Searchpanel use?
Plus Jakarta Sans (weights 400–800) for everything, with Instrument Serif Italic for one or two emphasis words per headline, set in Cobalt. JetBrains Mono is used only inside this kit for codes and labels.
How do you write the Searchpanel name?
One word with a capital S and a lowercase p: “Searchpanel”. Not SearchPanel, Search Panel or SEARCHPANEL. The endorsed form is “Searchpanel by XENA”.
Who owns the Searchpanel brand?
Searchpanel is a product of XENA Intelligence. This kit is the light-mode sibling of the XENA Intelligence brand kit.
Can I download the Searchpanel logo?
Yes. Every lockup is available as SVG and PNG in the Downloads section, together with design tokens, CSS variables, a Tailwind preset, social templates and email templates.
Version
v1.0 · updated 2026-10-28. Source of truth: the live searchpanelapp.com CSS.
Changes
New colours, fonts or logo variants need sign-off from the XENA Intelligence brand owner before they ship.
Sibling kit
XENA Intelligence brand kit ↗, the dark original this kit is modelled on.
Light by default, loud in Cobalt.
Ten ready-made formats. Each one is an HTML file (edit the text, open in Chrome, screenshot at 1×) plus a rendered PNG. Rule of thumb: Paper background with a Cobalt glow; Cobalt gradient for proof and customer stories.