# ai6labs brand kit — start here

Version 1.1 · 28 October 2026 · https://www.ai6labs.com/brand

Everything you need to present ai6labs, the innovation studio of Wearable Devices Ltd. (Nasdaq: WLDS): logos, icons,
colours, fonts, approved copy, images, a slide template and the design system.

## What's inside

| Folder or file | What it is |
| --- | --- |
| `README.md` | This file. |
| `BRAND-ASSETS.md` | Every brand material, where it lives, its public URL and its status. |
| `DESIGN.md` | The design system: logo rules, colours, type, layout, components, motion, accessibility. |
| `logo/` | The logo in SVG and PNG (1200 and 2400 px): colour on light, colour on dark, one-colour ink and white, and the "ai6" mark. |
| `icons/` | App icon and favicons: SVG, 16–512 px PNG, maskable 512, Apple touch icon. |
| `colours/` | `tokens.css` and `tokens.json`: every colour, font, size, spacing and radius, light and dark. |
| `fonts/` | `FONTS.md` (Poppins and Geist Mono, where to get them, hierarchy) and the Poppins licence. |
| `copy/` | `ai6labs-copy.md`: the company description, boilerplate and headlines, all approved. |
| `images/` | The approved website images with clear names, and `IMAGES.md` (section, crop guidance, restrictions). |
| `hero/` | The hero poster and `HERO.md` with links to the film. |
| `presentation/` | `ai6labs-slides-template.pptx` (title, section, content, closing) and PNG previews. |
| `social/` | The 1200×630 share image used for link previews. |

## Which files are the source of truth

The kit is a copy, generated from the website repository (`ai6labs/ai6labs-website`) on every build. Don't edit files
inside the kit; change the source and rebuild.

| Topic | Source of truth |
| --- | --- |
| Colours, sizes, spacing | `src/app/globals.css` (tokens) |
| Fonts | `src/app/layout.tsx` |
| Logos and icons | `public/brand/logo/`, `public/brand/icons/` |
| Design rules | `DESIGN.md` (repo root) |
| Copy | the website (`content/public.body.html`); `copy/ai6labs-copy.md` mirrors it |
| Images | `public/assets/` |
| Slide template | `public/brand/presentation/`, built by `scripts/brand/slides-template.py` |

**Regenerate the kit:** `pnpm build` (or `pnpm dev`). `src/lib/brand-kit.ts` writes `public/brand/tokens.*`,
`public/brand/DESIGN.md`, `public/llms-full.txt` and `public/brand/ai6labs-brand-kit.zip`.

## How to use it

- **Logo:** use the SVG wherever you can. Colour on light for paper and white; colour on dark for dark backgrounds;
  one-colour versions on photos. Keep clear space the height of the "a"; 72 px minimum width on screen.
- **Name:** write "ai6labs" in running text. "ai6 Labs" is only the drawn wordmark. See `copy/ai6labs-copy.md`.
- **Colours:** paper #F2EFEA, ink #161514, signal #35686C (the one accent). Dark: night #0F0E0D with signal #8CC4C2.
  The blue-to-mint gradient is only for the logo.
- **Type:** Poppins Medium for headings, Poppins Regular for text, Geist Mono for small labels.
- **Slides:** start from `presentation/ai6labs-slides-template.pptx`.

## Canva (manual steps)

Canva can't be set up automatically from this kit. To use it in Canva:

1. **Logos:** open a Brand Kit in Canva, then upload the PNGs from `logo/` (2400 px) and `icons/icon-512.png`.
2. **Colours:** add Paper #F2EFEA, Ink #161514, Slate #57534E, Signal #35686C, Night #0F0E0D, Signal on dark #8CC4C2.
   Add the logo colours #62A7DB, #65C5E5, #8FD3CF and #353856 only if you need them for logo work.
3. **Fonts:** set headings to Poppins Medium and body to Poppins (both are in Canva). For small labels use Geist Mono
   if your Canva has it; otherwise Poppins Medium, uppercase, with wide letter spacing.
4. **Template:** upload `presentation/ai6labs-slides-template.pptx` to Canva (Canva imports PowerPoint files) and
   check that Poppins was kept.
5. Optional: Canva's Brand Kit Builder can read colours and fonts from https://www.ai6labs.com. Review what it finds
   before saving.

Questions: hello@ai6labs.com