# Brand > The sight4agents brand guide: the site-vs-sight name, the eye-in-a-browser logo, the Ink, Paper, Iris, and Signal color palette, Space Grotesk, Inter, and JetBrains Mono type, and voice guidelines. sight4agents is a **site** with **sight**, for agents. The brand is drawn from an agent's point of view: a browser window that looks back, a text cursor for a pupil, and a signal color for what has been seen. ## Name and tagline Write the name as one lowercase word: **sight4agents**. Use the numeral 4, never "for". In the wordmark the 4 is set in Iris. Tagline: **Sites with sight.** Supporting line: "Websites agents can see, and humans sign off on." Short form for small spaces: "Site, meet sight." ## Logo The mark is a browser window that has become an eye. The almond shape has bracket-like corners (`<` and `>`), the iris is Signal lime, and the pupil is a blinking text cursor: the moment an agent reads a page. The third window dot is lit in Signal to show the site is being seen.  *Primary logo (light backgrounds)*  *Logo for dark backgrounds*  *Mark (app icon, avatar)*  *Outline mark (one-color contexts)* - Keep clear space around the logo equal to the height of the window dots row (about a quarter of the mark). - Do not recolor the iris, rotate the mark, or set the wordmark in another typeface. - Minimum size: 20px for the mark, 96px wide for the full logo. Use `/favicon.svg` below that. - Downloads: [logo.svg](https://sight4agents.com/brand/logo.svg), [logo-dark.svg](https://sight4agents.com/brand/logo-dark.svg), [mark.svg](https://sight4agents.com/brand/mark.svg), [mark-outline.svg](https://sight4agents.com/brand/mark-outline.svg), [wordmark.svg](https://sight4agents.com/brand/wordmark.svg), [apple-touch-icon.png](https://sight4agents.com/apple-touch-icon.png), [og.png](https://sight4agents.com/og.png). ## Color Four core colors. Iris carries the brand, Signal marks what has been seen or needs attention, and Ink and Paper do the reading work. Signal is a highlight, not a text color on light backgrounds. | Color | Hex | CSS variable | Use | | --- | --- | --- | --- | | Ink | `#0E1020` | `--s4a-ink` | Text on light, background in dark mode | | Paper | `#F6F5F0` | `--s4a-paper` | Background on light, text in dark mode | | Iris | `#5B3DF5` | `--s4a-iris` | Primary brand color, links, buttons | | Iris Light | `#A493FF` | `--s4a-iris-light` | Iris on dark backgrounds | | Signal | `#C6F432` | `--s4a-signal` | Highlights, focus, the iris of the eye | | Slate | `#575D6E` | `--s4a-slate` | Secondary text on light | | Mist | `#E4E2DA` | `--s4a-mist` | Borders and dividers on light | | Night | `#161A2E` | `--s4a-night` | Raised surfaces in dark mode | ## Typography Three open-source typefaces (SIL Open Font License), all self-hosted as variable fonts. | Role | Typeface | CSS variable | Sample | | --- | --- | --- | --- | | Display: wordmark, headings, buttons | Space Grotesk | `--font-display` | Sites with sight. | | Body: paragraphs, UI text | Inter | `--font-body` | Agents propose. Humans approve. Nothing ships without a yes. | | Mono: code, endpoints, the agent view | JetBrains Mono | `--font-mono` | GET /llms.txt → 200 text/plain | ## Voice - **Plain and specific.** Say what the site does in words a person and a parser both understand. - **Two audiences, one truth.** Never say something to agents that differs from what people see. - **Humans decide.** Describe agents as proposing and people as approving. - **Light on puns.** The name does the wordplay, so use "sight" jokes sparingly. --- Source: https://sight4agents.com/brand. More pages: [Home](https://sight4agents.com/index.md), [How it works](https://sight4agents.com/how-it-works.md), [For agents](https://sight4agents.com/for-agents.md), [About](https://sight4agents.com/about.md). Site overview: https://sight4agents.com/llms.txt