Brand Foundations

This page is the public-facing reference for TGK branding. Internal production standards and extended notes live in: src/_private/brand/brand-system-codex.md.

  • Core Mark: TGK logo + elemental glyph row
  • Primary Row: 🜁 🜂 🜄 🜃
  • Voice: clear, rigorous, symbolic, non-performative

Logo Rules

  • Keep clear space equal to the height of one glyph around the mark.
  • Never stretch, warp, bevel, rotate, or add glow effects to the logo lockup.
  • Use high-contrast versions only (light-on-dark or dark-on-light).
  • Minimum digital width: 160px for full lockup, 48px for glyph-only mark.

Colour System

Homepage and core brand accents should remain distinct from pillar accents.

Role Token Example
Base background --bg-primary Lightgold page wash
Primary accent --text-accent Headings, links, controls
Glyph accent --glyph-color Glyph rows and icon highlights
Support highlight --highlight Hover states, key callouts

Typography and Voice

  • Use existing TGK type scale and layout classes only.
  • Write in short, direct, high-clarity sentences.
  • Prioritise precision over hype.
  • Avoid visual clutter and decorative overstatement.

Canva Build Checklist

  1. Upload logo pack from src/tgk-assets/brand/logo/ (dark-bg + light-bg variants).
  2. Import colours from src/tgk-assets/brand/colors/tgk-canva-colors.csv.
  3. Use src/tgk-assets/brand/colors/tgk-palette.csv as the master token map.
  4. Create style presets for headers, body, and captions.
  5. Build template families for Full Site, Pillar, Series, Season, Episode, and Part.
  6. Lock brand elements in each template.

Export Rules (Non-Negotiable)

  • File naming: pillar-series-season-episode-part@format
  • Foldering: mirror TGK site path hierarchy so assets are always traceable.
  • Master-first: duplicate from master templates only, never redesign from scratch.

Master Components

  • Header block: TGK logo + strapline
  • Title block: scroll/episode dominant title
  • Metadata line: Pillar | Series | Season | Episode
  • Tier badge: Free / Verified / Initiate / Adept
  • URL or QR block (optional)
  • Watermark strip (subtle and consistent)

Template Families and Sizes

Each of the 6 hierarchy levels must exist in each of the 4 platform formats.

  • Levels: Full Site, Pillar, Series, Season, Episode, Part
  • Formats: x (1200x630), square (1080x1080), portrait (1080x1350), story (1080x1920)
  • Total core templates: 24 (6 x 4)

Visual Hierarchy Logic

  • Full Site: TGK brand lockup + manifesto line, no episode metadata.
  • Pillar: pillar accent + glyph + pillar title.
  • Series: series title + short hook + pillar breadcrumb.
  • Season: season number + series title + theme subtitle.
  • Episode: episode title dominant + small series/season line.
  • Part: episode title + Part X emphasis + optional reading time.

Canva Folder Blueprint

TGK Share Images/
  00 Master Templates/
  01 Full Site/
  02 Pillars/
  03 Series/
  04 Seasons/
  05 Episodes/
  06 Parts/
  Exports/
    x/
    square/
    portrait/
    story/

First Production Sprint

  • Start with one active pillar (recommended: SYSTEMIC or Afterlife).
  • Produce Pillar, Series, Season, Episode, and Part sets in all 4 formats.
  • First sprint total exports: 20 files.

Asset Paths

  • src/tgk-assets/brand/logo/
  • src/tgk-assets/brand/colors/tgk-palette.csv
  • src/tgk-assets/brand/colors/tgk-canva-colors.csv
  • src/tgk-assets/brand/colors/*.csv (accent-specific sheets)
  • src/tgk-assets/favicon/ (updated lightgold favicon set)
  • src/tgk-assets/brand/templates/