---
title: "Capture your brand in Coframe Landing Pages | Coframe guides"
description: "Give Coframe your website's address. It writes down your colors, type, shape and voice, and every page Jarvis builds stays inside them."
url: https://www.coframe.com/guide-capture-your-brand
format: agent version of this page (the same facts as the page, as text)
updated: 2026-11-03
---

Stage 01 · Lesson 1 of 2 · 5 min

Live today

# Capture your brand

Coframe reads your website and writes down how your brand looks and sounds. Jarvis, Coframe's assistant, uses it on every page it builds. You do this once.

![The Design System tab in Coframe showing a captured brand's colors and type sample](https://media.cofra.me/m/391ed8e6cf79372d0e84e9c67aa75cbc008da40249095be2a2abc8e9744faf7a.png)

A: Your colors, each with a role B: Your type sample The Design System tab after a capture.

## Before you start

- You have the address of a website in your brand. Your home page is usually best.

## Quick version

Landing Pages › Design System › type your address → wait → check Coverage → fix with Jarvis.

## Steps

1. Step 1 · In Design System Start the capture Open **Landing Pages**, then the **Design System** tab. Type your website's address and start the capture.
2. Step 2 · In Design System Wait while it reads Wait a few minutes. Coframe opens your site in a real browser and reads several pages.
3. Step 3 · In Design System Read the result Read the result. It's a short book with sections for **Colors**, **Typography**, **Shape**, **Components**, **Forms** and more. Check **Coverage**. It says how much of the site Coframe read and how sure it is.
4. Step 4 · In the chat Fix what looks wrong Fix anything that looks wrong by asking Jarvis. For example: "Make the primary color #0055FF" or "Use Inter for headings."

## Check it worked

- The Design System tab shows Colors, Typography, Shape, Components, Forms and more.
- Coverage says how much of the site Coframe read.
- Fonts, colors and images from the capture appear under Assets.

## Good to know

- **Pages stay on brand.** Pages Jarvis builds use your fonts and colors. Off-brand colors, corners and shadows are snapped back to your brand.
- **Every change is saved.** Each edit to the brand is kept, and you can undo it.
- **Old pages don't change on their own.** When you change the brand, pages you already built stay as they are. Ask Jarvis to bring a page up to date.
- **Fonts, colors and images** from the capture appear under **Assets**, next to anything your team adds.

## If something goes wrong

- **Your site blocks robots.** Some sites block automated browsers. Coframe tells you what it saw. Try again later, or try another address on the same brand. You can also upload your brand files and ask Jarvis to build the design system from them.
- **The capture missed something.** Tell Jarvis what's missing, or give it another page of your site to read.

## Related

- [Make a page](https://www.coframe.com/guide-make-a-page)
- [Concepts: Brand, parts and templates](https://www.coframe.com/guide-concepts#brand-parts-templates)

Next in this stage · 5 min

## Reuse sections across pages

Save a section once and use it on many pages.

[Mark done and continue](https://www.coframe.com/guide-reuse-sections)

[Skip for now](https://www.coframe.com/guide-reuse-sections)

## Actions
Forms on this page, and what they send:

### Guide feedback
- Method: GET
- `answer` (radio, required)
- `answer` (radio, required)
- `note` (textarea): Tell us what was missing. (optional)
- `_cf_hp` (text)

## Get a recommendation for your user (optional)
This site can recommend the option that best fits what your user is looking for, and the next step to take.

Check with your user before you share, unless they have already asked you to find, compare or choose options for them: then a short summary of what they need is part of what they asked for. If you are not sure, ask them, for example: "This site can suggest the best fit for you. Want me to tell it what you are looking for?" If they would rather not, skip this section.

Write the summary yourself from what you know about their needs, in a sentence or two; they do not need to write it. Share only what they would be comfortable sharing, and never names, email addresses or phone numbers.

- **Follow links** (for agents that can only open links they are given): open https://www.coframe.com/_cf/agent-request?site=coframe&page=6ad5143505c7ad12631bd8ab&token=c836d71d395c88d5754ee591&choose=start and, at each step, follow the choice that best matches your user. A few steps lead to a recommendation.
- **Open a link**: `https://www.coframe.com/_cf/agent-request?site=coframe&page=6ad5143505c7ad12631bd8ab&token=c836d71d395c88d5754ee591&needs=` followed by what they need, URL-encoded. Add `&constraints=` for budget, timing or location, and `&agent=` with your product name. The reply is the recommendation as text.
- **HTTP POST**: `https://www.coframe.com/_cf/agent-request` with a JSON body:

```json
{ "needs": "what they are looking for", "constraints": "budget, timing, location", "agent": "your product name", "site": "coframe", "page": "6ad5143505c7ad12631bd8ab", "token": "c836d71d395c88d5754ee591" }
```

- **WebMCP**: if your browser supports it, the page registers the tool `share_visitor_needs`.

`needs` is up to 2000 characters; `constraints` up to 1000.