Brand guide
Kyle Bergstedt Brand
Public UnreviewedThe Kyle Bergstedt brand guide: logo, colors and fonts for kyle's pages and heroes.
← Commit history
Starter brand guide
7 files changed
+94
SKILL.mdadded+38@@ -0,0 +1,38 @@+---+name: brand-kyle+description: The Kyle Bergstedt brand guide (logo, colors, fonts) for kyle's pages and heroes. Use it for any visual work on a kyle page.+---++# Kyle Bergstedt Brand++The brand guide for kyle: the logo, colors and fonts that heroes and AI-built pages use for kyle's pages. Pages owned by kyle use this guide and no one else's.++**Status: starter.** The wiki drafted from the avatar the first time kyle put something on the wiki. Nobody has reviewed it yet. Review it, change anything that is wrong, then set `status` to `confirmed` with `confirmed_by` and `confirmed_at` in brand.json.++Only kyle can edit kyle/brand.++## Logo++++## Colors++| Role | Hex |+|---|---|+| Primary | `#f2b592` |+| Accent | `#213b4a` |+| Background | `#18100c` |+| Surface | `#241a14` |+| Text | `#f2efed` |+| Secondary text | `#b1a6a0` |+| Border | `#413630` |++## Fonts++- Headings: system-ui (system font)+- Body: system-ui (system font)+- Code: ui-monospace (system font)++## For AI threads++Before any visual work on a kyle page (a hero, a page design, a UI), read this guide from `GET /api/owners/kyle/brand` and use its colors, fonts and logo. Do not use another owner's branding, Adom's included, on kyle's pages. brand.json is the machine-readable source; this file explains it.
assets/mark.pngadded⋯ 1 unchanged line ⋯
assets/wordmark-dark.svgadded+1@@ -0,0 +1 @@+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 596 104" role="img" aria-label="Kyle Bergstedt"><text x="20" y="52" dy="0.35em" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="64" font-weight="700" letter-spacing="-1" fill="#1a1a1a">Kyle Bergstedt</text></svg>
assets/wordmark-light.svgadded+1@@ -0,0 +1 @@+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 596 104" role="img" aria-label="Kyle Bergstedt"><text x="20" y="52" dy="0.35em" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="64" font-weight="700" letter-spacing="-1" fill="#f2efed">Kyle Bergstedt</text></svg>
brand.jsonadded+42@@ -0,0 +1,42 @@+{+ "brand_manifest": "1.0",+ "owner": "kyle",+ "name": "Kyle Bergstedt",+ "status": "starter",+ "source": {+ "kind": "avatar",+ "generated_at": "2026-10-19T18:36:26.935Z"+ },+ "colors": {+ "primary": "#f2b592",+ "accent": "#213b4a",+ "background": "#18100c",+ "surface": "#241a14",+ "text": "#f2efed",+ "text_secondary": "#b1a6a0",+ "border": "#413630",+ "gradient": [+ "#f2b592",+ "#213b4a"+ ]+ },+ "typography": {+ "display": {+ "family": "system-ui"+ },+ "body": {+ "family": "system-ui"+ },+ "mono": {+ "family": "ui-monospace"+ }+ },+ "logos": {+ "mark": "assets/mark.png",+ "wordmark_light": "assets/wordmark-light.svg",+ "wordmark_dark": "assets/wordmark-dark.svg"+ },+ "hero": {+ "badge_text": "Kyle Bergstedt"+ }+}
install.shadded+8@@ -0,0 +1,8 @@+#!/usr/bin/env bash+# Installs the kyle brand guide as the skill brand-kyle (symlinked, so an+# update to the guide reaches every install without a reinstall).+set -e+SRC="$(cd "$(dirname "$0")" && pwd)"+mkdir -p "$HOME/.claude/skills/brand-kyle"+ln -sfn "$SRC/SKILL.md" "$HOME/.claude/skills/brand-kyle/SKILL.md"+echo "Installed the kyle brand guide as brand-kyle."
uninstall.shadded+4@@ -0,0 +1,4 @@+#!/usr/bin/env bash+set -e+rm -rf "$HOME/.claude/skills/brand-kyle"+echo "Removed brand-kyle."