# Topkey Brand Studio

> The single source of truth for Topkey's brand: logos, colors, typography, motion, voice, a video playbook, and recipes for slide decks, videos and social images. Read /brand.md before generating anything Topkey-branded; it overrides any local skill or older guide.

## Guide

- [Brand guide](/brand.md): logos and usage rules, colors, typography, buttons, voice, and step-by-step recipes for decks, videos and social images
- [Design tokens](/brand.json): the same values as JSON

## Logos (SVG)

- [Wordmark, navy](/assets/logos/topkey-wordmark-navy.svg): default, for light backgrounds
- [Wordmark, white](/assets/logos/topkey-wordmark-white.svg): for navy or dark backgrounds
- [Icon, navy](/assets/logos/topkey-icon-navy.svg): square placements on light backgrounds
- [Icon, white](/assets/logos/topkey-icon-white.svg): square placements on dark backgrounds
- PNG versions for video and slide tools: /assets/logos/png/topkey-wordmark-navy.png, topkey-wordmark-white.png, topkey-icon-navy.png, topkey-icon-white.png

## Partner logos (SVG, for integration slides)

- [Partner logo folder](/assets/partners/): guesty, hostaway, track, streamline, ownerrez, hostfully, quickbooks, xero, netsuite, sage-intacct, breezeway, amazon (each `/assets/partners/<name>.svg`)

## Examples

- [Example gallery](/#examples): 22 reference layouts (decks, video frames, social) as HTML; brand.md lists them by name under "Layouts"

## Video

- [Video playbook](/brand.md): section "Video playbook" covers video types, formats, script, recording, captions, audio and export, for any tool
- [Video frames](/frames.html): title, chapter, lower third, caption, end card and thumbnail rendered at exact pixel size from URL parameters