---
name: Grabbit
version: 1.0
lastUpdated: 2026-09-28
url: https://www.grabbit.live
category: Screenshot API
---

# Grabbit brand

Grabbit turns any URL into a hosted screenshot with one API call.

**Tagline:** Any URL. One call. Pixel-perfect screenshot.

## What we stand for

### Direct

**One call in. One image out.** Show the shortest path from a URL to a finished screenshot. Let the product prove the point.

### Exact

**The pixels are the proof.** Use real captures, real dimensions, and real response data. Precision beats adjectives.

### Agent-first

**Built to be called, not babysat.** Speak to developers and agents as capable operators. Keep setup short and outputs structured.

## Logo

The rabbit sits inside a crop frame. The ears make it recognizable at small sizes, while the frame ties the mark to capture and composition. The blue-to-violet gradient adds speed without turning the interface into a light show.

- Use the full lockup when the audience may not know Grabbit yet.
- Use the mark alone for avatars, favicons, and compact product chrome.
- Keep clear space equal to one rabbit eye around the mark.
- Do not recolor, rotate, outline, stretch, or add effects to the assets.
- Use the dark lockup on dark surfaces and the light lockup everywhere else.

### Assets

- [Light lockup](https://www.grabbit.live/grabbit-wordmark.png), PNG, Light surfaces
- [Dark lockup](https://www.grabbit.live/grabbit-wordmark-dark.png), PNG, Dark surfaces
- [Gradient mark](https://www.grabbit.live/grabbit-mark.png), PNG, Avatars and social profiles
- [Blue mark](https://www.grabbit.live/images/logo-light.svg), SVG, Light UI at small sizes
- [White mark](https://www.grabbit.live/images/logo-dark.svg), SVG, Dark UI at small sizes

## Colors

Use semantic tokens in product code. The identity colors define brand expression. Interface colors map those ideas to accessible light and dark surfaces.

### Identity

| Color | Hex | Token or source | Use |
| --- | --- | --- | --- |
| Electric Blue | `#155BFF` | `brandConfig.colors.primary` | Primary actions, links, focus, and the first half of the mark gradient. |
| Vivid Violet | `#6D35F5` | `brandConfig.colors.accent` | Secondary brand energy and the second half of the mark gradient. |
| Deep Navy | `#06142D` | `brandConfig.colors.navy` | Wordmark ink, high-contrast surfaces, and grounded brand moments. |
| Capture Green | `#13C8A3` | `brandConfig.colors.success` | Successful captures, healthy states, and terminal output. |

### Light mode

| Color | Hex | Token or source | Use |
| --- | --- | --- | --- |
| Canvas | `#FBFCFE` | `--color-background` | Page background. |
| Surface | `#F4F7FB` | `--color-card` | Cards and raised regions. |
| Muted surface | `#EAEFF5` | `--color-muted` | Quiet grouping and hover states. |
| Ink | `#0B121D` | `--color-foreground` | Headlines and primary text. |
| Secondary ink | `#545B66` | `--color-muted-foreground` | Supporting copy. |
| Hairline | `#D6DBE3` | `--color-border` | Borders and separators. |

### Dark mode

| Color | Hex | Token or source | Use |
| --- | --- | --- | --- |
| Canvas | `#090D15` | `--color-background` | Dark page background. |
| Surface | `#111620` | `--color-card` | Dark cards and raised regions. |
| Muted surface | `#191F2B` | `--color-muted` | Dark grouping and hover states. |
| Ink | `#F2F5FB` | `--color-foreground` | Dark-mode headlines and primary text. |
| Secondary ink | `#A4ABB6` | `--color-muted-foreground` | Dark-mode supporting copy. |
| Hairline | `#282E39` | `--color-border` | Dark-mode borders and separators. |

## Typography

- **Manrope**, Headlines. Use `font-headline` at weights 500, 600, 700.
- **Geist**, Body and interface. Use `font-sans` at weights 400, 500, 600.
- **Geist Mono**, Code and data. Use `font-mono` at weights 400, 500, 600.

## Image direction

**Show the capture, not a promise of one.**

- Use screenshots made by Grabbit whenever the product can supply the image.
- Keep the captured page legible. Crop with intent, never as decoration.
- Preserve the source URL or domain when provenance helps the story.
- Use the blue-to-violet aura behind screenshots, never over the captured pixels.
- Prefer interface evidence over stock photography and abstract 3D art.

## Voice

Fast, exact, and calm. Grabbit sounds like the developer who already reduced the problem to one clean API call.

- Lead with the result, then show the request.
- Use concrete inputs, outputs, prices, dimensions, and response times.
- Keep sentences short enough to scan beside code.
- Say screenshot, capture, URL, request, image, key, and credit consistently.
- Write to developers and agents as capable operators.

### Lines that sound like Grabbit

- Send a URL. Get a screenshot.
- One POST. Pixel-perfect output.
- No browser fleet to run.
- Built for developers. Ready for agents.

### Avoid

- Hype without a number or example.
- Claims such as effortless, magical, revolutionary, or category-defining.
- Calling a capture a render when screenshot is clearer.
- Inventing a second name for an API key, grab, credit, or webhook.

## Naming

Write Grabbit as one word with a capital G. Never write GrabIt, Grab Bit, or GRABBIT.

## Machine-readable references

- [JSON](https://www.grabbit.live/brand.json)
- [Plain text](https://www.grabbit.live/brand.txt)
- [Visual guidelines](https://www.grabbit.live/brand)