# Tally brand kit: start here

Everything you need to show Tally correctly: logos, icons, colours, fonts, approved copy, images, a slide template and the brand film. The latest release is always at https://tallyless.com/brand. This release's version, date, source commit and approval are in `RELEASE.md`.

## What's inside
| Folder / file | What |
|---|---|
| `RELEASE.md` | This release: version, date, source commit, approver, ZIP checksum |
| `DESIGN.md` | Colours, the mark, type, layout, motion, voice and the name rule |
| `BRAND-ASSETS.md` | Every asset: purpose, source, public link, whether it's on the page or in Canva, and its status |
| `logo/` | Full logo in four versions (colour, on dark, one-colour ink, one-colour white): SVG + 1200 and 2400 px PNG |
| `mark/` | The T mark alone (colour, ink, white): SVG + 512 and 1024 px PNG |
| `icons/` | App icons, browser and home-screen icons, Apple touch icon, maskable icon, menu-bar template |
| `colours/` | `tokens.css` and `tokens.json`, generated from the site |
| `fonts/` | `FONTS.md` and the three licence texts |
| `copy/` | `tally-copy.md`: name rule, primary line, description, boilerplate, headline, lines |
| `images/` | Email and invite heroes, the four characters, `IMAGES.md` |
| `social/` | The share card, 1200 × 630 |
| `film/` | The brand film and its poster |
| `presentation/` | `tally-slides-template.pptx` and previews of its four layouts |

## Which files are the source of truth
| Topic | Where it's maintained |
|---|---|
| Colours, radii, easing | `app/globals.css` in ai6labs/tally-landing-page |
| Fonts | `app/layout.tsx` |
| Logo, mark, icons | `public/brand/logo`, `mark`, `icons` (SVG masters; PNGs from `scripts/brand/export-pngs.mjs`) |
| Slide template | `scripts/brand/slides/` (the template's parts, colours from the site's tokens), built by `scripts/brand/slides-template.py` |
| Copy | `public/brand/copy/tally-copy.md` |
| Kit contents | `brand.config.json` (repo root) |
| Version and approval | `scripts/brand/release.json` |
| This kit | Built by `scripts/brand/kit.mjs` on every build and checked by `scripts/brand/check.mjs`; published at tallyless.com/brand |

Google Drive (Tally / 04 Brand) holds a copy of each approved release. It is not updated automatically.

## How to use it
- Use the files as they are: don't redraw, recolour or stretch the logo.
- Colour logo on light backgrounds; the on-dark version on Night; the white one-colour version on Tally green or photos.
- Paper #F2F4F0, Ink #0F1A14, Tally green #0A7A43, Mint #34C27A on dark, Ledger red #B4442E for warnings only.
- Figtree for text, IBM Plex Mono for figures and labels.

## Canva (manual steps)

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

1. **Logos:** open a Brand Kit in Canva and upload the PNGs from `logo/` (2400 px), `mark/tally-mark-1024.png` and
   `icons/tally-app-icon-primary-1024.png`.
2. **Colours:** add Ink #0F1A14, Tally green #0A7A43, Mint #34C27A, Paper #F2F4F0, Night #0E1511, Muted #4F5A52 and
   Ledger red #B4442E (warnings only).
3. **Fonts:** Figtree for headings (ExtraBold) and text; IBM Plex Mono for figures and labels. Both are in Canva's
   library; if not, upload them from Google Fonts (both are under the SIL Open Font License).
4. **Template:** upload `presentation/tally-slides-template.pptx` (Canva imports PowerPoint files) and check that
   Figtree was kept.

Questions: hello@ai6labs.com