# Searchpanel Brand Identity Kit

> Official brand guidelines for Searchpanel (by XENA), the AI product visibility platform. Version 1.0, updated 2026-10-28. Source: https://searchpanelapp.com/

## Facts
- Name: Searchpanel (capital S, lowercase p). Endorsed form: "Searchpanel by XENA". Never "SearchPanel".
- Made by: XENA Intelligence (https://xenaintelligence.com/)
- What it does: scores how ChatGPT, Google Gemini, Perplexity, Microsoft Copilot and Google AI Mode / AI Overviews recommend each product (0–100 Visibility Score per SKU, daily), diagnoses gaps, generates and publishes fixes.
- Primary headline: "Is AI recommending your products?"
- Tagline: "The answer is the new shelf."
- CTA: Run a free SKU audit (https://searchpanel.ai/try-audit) · Book a demo (https://searchpanel.ai/book-a-demo)

## Colour
- Cobalt #3355ff (Core): The brand colour. Logo mark, primary buttons, links, eyebrows, serif emphasis words, score bars.
- Ink #0e0f13 (Core): Headlines, body copy on light, dark buttons ("Run a free audit"), wordmark.
- Paper #fafaf8 (Core): The page. A warm off-white, never pure grey. Every layout starts here.
- White #ffffff (Core): Cards, answer panels, inputs, ghost buttons. Lifts content off Paper.
- Periwinkle #5c77ff (Cobalt family): Gradient start, score-bar fills, list bullets and the mark on dark backgrounds.
- Mist #eef1ff (Cobalt family): Soft accent fills: icon tiles, "New shelf" pill, highlighted rows.
- Pressed #2443f0 (Cobalt family): Hover / pressed state of the Cobalt button only.
- Deep Cobalt #1e2fb8 (Cobalt family): End stop of the Cobalt gradient (case-study panel, app icon).
- Haze #8fa2ff (Cobalt family): Eyebrows and numerals on Night panels.
- Night #0d0f17 (Neutrals): The one dark surface: platform section and closing CTA. Use at most once or twice per page.
- Graphite #3b3f4a (Neutrals): Lead paragraphs, secondary text, nav links.
- Slate #6b7080 (Neutrals): Captions, meta, "by XENA" endorsement, ticks.
- Hairline #e6e7ec (Neutrals): Every border and divider.
- Fog #f4f5f8 (Neutrals): Prompt bubbles and quiet fills.
- Recommended #0f9f6e (Signal): Positive states: "Recommended", ticks, score up. Pair with #e7f7ef fill.
- Watch #e08a00 (Signal): Warnings and partial visibility. Never for text on white below 18 px.
- Not found #e5484d (Signal): Absent from the answer, score down. Pair with #fdecec fill.

## Typography
- Plus Jakarta Sans 400–800 for all text. H1 800 weight, -0.04em tracking.
- Instrument Serif Italic in Cobalt for the last 2–3 words of a headline only.

## Logo
- Mark: Cobalt disc with two curved strokes (S / turning panels), left of the wordmark. Gap 0.32 × mark height. Clear space ¼ mark height. Min lockup 96 px wide; mark 16 px.
- Files: https://brandidentity.searchpanelapp.com/downloads/searchpanel-logos.zip

## Voice
- Precise, calm, shopper-first, proof-led. Plain words, sharp numbers. UK spelling except the fixed phrase "LLM optimization".

## Sections
- [Overview](https://brandidentity.searchpanelapp.com/#overview)
- [Brand essence](https://brandidentity.searchpanelapp.com/#essence)
- [Logo](https://brandidentity.searchpanelapp.com/#logo)
- [Logo usage](https://brandidentity.searchpanelapp.com/#logo-usage)
- [Colour](https://brandidentity.searchpanelapp.com/#colour)
- [Accessibility](https://brandidentity.searchpanelapp.com/#accessibility)
- [Typography](https://brandidentity.searchpanelapp.com/#typography)
- [Spacing · radius · grid](https://brandidentity.searchpanelapp.com/#layout)
- [Components](https://brandidentity.searchpanelapp.com/#components)
- [Iconography](https://brandidentity.searchpanelapp.com/#iconography)
- [Imagery](https://brandidentity.searchpanelapp.com/#imagery)
- [Voice & tone](https://brandidentity.searchpanelapp.com/#voice)
- [Messaging](https://brandidentity.searchpanelapp.com/#messaging)
- [Brand architecture](https://brandidentity.searchpanelapp.com/#architecture)
- [Social templates](https://brandidentity.searchpanelapp.com/#social)
- [Email templates](https://brandidentity.searchpanelapp.com/#email)
- [Downloads](https://brandidentity.searchpanelapp.com/#downloads)
- [Inconsistencies](https://brandidentity.searchpanelapp.com/#inconsistencies)
- [Facts & governance](https://brandidentity.searchpanelapp.com/#governance)

## Downloads
- Design tokens: https://brandidentity.searchpanelapp.com/downloads/searchpanel-design-tokens.json
- CSS: https://brandidentity.searchpanelapp.com/downloads/searchpanel-brand.css
- Tailwind preset: https://brandidentity.searchpanelapp.com/downloads/searchpanel.tailwind.preset.js
- Full kit: https://brandidentity.searchpanelapp.com/downloads/searchpanel-brand-kit.zip

## FAQ
Q: What colour is the Searchpanel brand?
A: 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.
Q: What fonts does Searchpanel use?
A: 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.
Q: How do you write the Searchpanel name?
A: One word with a capital S and a lowercase p: “Searchpanel”. Not SearchPanel, Search Panel or SEARCHPANEL. The endorsed form is “Searchpanel by XENA”.
Q: Who owns the Searchpanel brand?
A: Searchpanel is a product of XENA Intelligence. This kit is the light-mode sibling of the XENA Intelligence brand kit.
Q: Can I download the Searchpanel logo?
A: 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.