← back to Brand Selector Viewer

outputs/canva-brief.md

45 lines

# Canva Brief — Brand Selector Launch Tile

**Project:** Brand Selector — Figma Build Source
**Channels:** Instagram (1080×1350), LinkedIn (1200×628), Email header (1200×400)
**Brand template:** create new template `dw-brand-selector-v1` once Connect API auth is live.

## Composition

- **Background:** flat `#0b0b0d` with subtle 1% film grain.
- **Headline (centered, top third):** "Brand Selector" — Didot, 96 px, `#f4f4f5`.
- **Eyebrow above headline:** "Figma Build Source · v1" — Inter, 12 px, 3 px tracking, `#d4af37`.
- **Subhead:** "Top 20 fashion · Top 10 wallcovering" — Cormorant Garamond Italic, 24 px, `#9c9caa`.
- **Visual core:** 6×5 grid of brand-name plates (no logos — typographic wordmarks only, see Note).
- **Footer ribbon:** thin `#2a2a35` rule + `#d4af37` dot + "designerwallcoverings.com / build" — Inter, 11 px.

## Autofill fields (Connect API · `create-design-autofill-job`)

| Field            | Type   | Source                                            |
|------------------|--------|---------------------------------------------------|
| `headline`       | text   | "Brand Selector"                                  |
| `eyebrow`        | text   | static "Figma Build Source · v1"                  |
| `count_fashion`  | text   | `payload.counts.fashion`                          |
| `count_wall`     | text   | `payload.counts.wallcovering`                     |
| `selected_list`  | text   | join `payload.fashion.name + payload.wallcovering.name` with " · " |
| `accent_color`   | color  | static `#d4af37`                                  |

## Asset list (export job)

| Format | Size       | Purpose                |
|--------|------------|------------------------|
| PNG    | 1080×1350  | Instagram feed         |
| PNG    | 1080×1920  | Story / Reel cover     |
| JPG    | 1200×628   | LinkedIn / OG image    |
| PDF    | letter     | Internal one-pager     |

## Note on logos

Canva, Magic, and most logo libraries do **not** carry trademarked luxury brand wordmarks (LV, Chanel, Hermès, etc.). We render brand names as **Didot wordmarks** at the same color as body copy — the typography itself becomes the visual signature. This is also the cleanest path through Canva brand-template review.

## Status

- `canva login` not yet confirmed for this machine. Run `canva login` in terminal to enable Connect API calls.
- Once authenticated, this brief becomes a `POST /v1/autofills` payload against template `dw-brand-selector-v1`.
- Source of truth for colors/type stays in `outputs/figma-tokens.json`. Don't redefine in the Canva template.