# SearchSignal Brand Guide

## Brand idea

SearchSignal is the **search-intelligence layer for AI agents**. The brand should feel like dependable developer infrastructure with the clarity and momentum of a modern growth platform.

The visual system represents three stages:

- **Relay Violet** — intelligence and reasoning
- **Ion Cyan** — connection and transport
- **Signal Lime** — action, completion, and the next best move

The S-shaped mark is a signal path: evidence enters, travels through the agent layer, and exits as controlled action.

## Primary brand lines

**Headline:** Turn any AI agent into an SEO operator.

**Support:** Connect once. Ask anywhere. Ship from evidence.

**Category:** Agent-native SEO intelligence.

**Developer descriptor:** SEO MCP server + authenticated HTTP API.

## Logo system

Use the horizontal logo on public marketing pages, documentation covers, proposals, and campaigns. Use the mark alone for favicons, app icons, avatars, compact navigation, and partner grids.

Minimum digital sizes:

- Horizontal logo: 132 px wide
- Mark: 24 px
- Favicon: use the supplied 16 px and 32 px files

Clear space: keep at least one-half of the mark width around every side of the logo.

Do not:

- stretch, rotate, outline, redraw, or split the mark;
- recolor individual signal segments;
- add thick drop shadows or glossy effects;
- place the logo on busy photography without a solid field;
- typeset the wordmark with a substitute font beside the mark.

## Color tokens

| Token | Hex | Use |
|---|---|---|
| Deep Field | `#05070B` | primary page background |
| Core Panel | `#0C1119` | cards, app surfaces, code panels |
| Relay Violet | `#8F7CFF` | intelligence, reasoning, secondary emphasis |
| Ion Cyan | `#5EDCFF` | connections, links, transport, active context |
| Signal Lime | `#B7FF5A` | primary CTA, success, highest-priority action |
| Signal White | `#F7F9FC` | primary type |
| Muted Steel | `#93A0B2` | supporting type |

Signal Lime must remain scarce. Use it for the primary action, live state, selected priority, and small proof indicators. When everything is lime, nothing is a signal.

## Typography

The site uses a system-font stack and ships no font files:

```css
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
```

Use large, dense headlines with controlled line breaks. Body copy should be plainspoken and specific. Code, tool names, token examples, and endpoint fragments use a monospace stack.

## Photography and illustration

Prefer original product-interface illustrations, architecture diagrams, controlled terminal surfaces, and evidence objects. Avoid generic stock photography of people pointing at charts, glowing robot heads, floating keywords, and unexplained neon circuitry.

Every product visual must be either:

- a real, authorized screenshot with private data removed; or
- a clearly representative illustration using fictional project data.

## Voice

SearchSignal sounds:

- direct rather than inflated;
- technical without being obscure;
- confident without unsupported certainty;
- commercial without hiding limitations;
- action-oriented without promising rankings.

Preferred language:

- live search evidence
- authorized workspace
- prioritized opportunity
- agent-ready context
- implementation contract
- verify the change
- current coverage and freshness

Avoid:

- revolutionary, magical, guaranteed, effortless, autopilot SEO
- dominate Google
- rank #1 instantly
- set it and forget it
- fully autonomous growth

## Accessibility

- Maintain strong contrast on dark surfaces.
- Never convey status by color alone.
- Keep visible focus states.
- Provide meaningful alt text for product illustrations.
- Respect reduced-motion preferences.
- Preserve readable line lengths and mobile type sizes.