UAT Racing — Claude Design Setup

UAT Racing — Türk at yarışı veri platformu (1989'dan beri; modern web 2024+). 1.1M+ at, 1.36M+ yarış, 84 ülke kapsamlı pedigri/sonuç/AGF veritabanı. Türk bahisçilere tahmin+kupon yönetimi, Arap Körfezi'ne global GHN ID sistemi, uluslararası kullanıcılara API/data lisansı.

UAT Racing — Brand Visual Identity

═══════════════════════════════════════════════════════════════
COLOR PALETTE (Dark theme, GitHub-inspired)
═══════════════════════════════════════════════════════════════
Background:       #0d1117
Surface/card:     #161b22
Surface-2:        #21262d
Border:           #30363d
Text primary:     #e6edf3
Text muted:       #7d8590

★ BRAND SIGNATURE (gold accent, use for emphasis): #d29922 ★

Semantic:
- Success / win:       #3fb950 (green)
- Bright success:      #39d353 (teal, for live/active states)
- Danger / loss:       #f85149 (red)
- Info / link:         #58a6ff (blue)
- Premium / VIP:       #bc8cff (purple)

═══════════════════════════════════════════════════════════════
TYPOGRAPHY
═══════════════════════════════════════════════════════════════
Primary font:    Inter (Google Fonts, weights 300/400/500/600/700/800)
Article body:    Georgia, serif (for long-form reading)
Code / formula:  ui-monospace / SF Mono / Menlo

Type scale:
- Display (cover headline):  88-96px, weight 800, line-height 1.05-1.10
- H1 (page title):           1.6-2.4rem, weight 800, line-height 1.2
- H2 (section):              1.6rem, weight 700, line-height 1.3
- Body:                      0.95-1rem, weight 400, line-height 1.65
- Caption / footer:          0.75-0.85rem, muted color
- Label (eyebrow):           0.7rem, weight 700, UPPERCASE, letter-spacing 0.08em

★ CRITICAL: Turkish characters required (ğ, ü, ş, ç, ı, İ, ö, Ğ, Ü, Ş, Ç, Ö).
★ Also Arabic (RTL) support — UAT serves Gulf/MENA markets.
★ For headings, use gold (#d29922) color on 1-2 emphasis words — UAT signature style.

═══════════════════════════════════════════════════════════════
VISUAL LANGUAGE — geometric accent shapes
═══════════════════════════════════════════════════════════════
UAT's signature: solid-filled circles & half-circles in BACKGROUND layer.
This conveys "data visualization" character (charts, statistics).

Placement (cover images):
- Red disc (danger/risk symbol):       bottom-right corner
- Green half-circle (win/success):     bottom-left corner
- Gold half-circle (brand emphasis):   top-right corner
- Blue half-circle (info/neutral):     near logo (top-left), optional

Rules:
- ALWAYS behind text (z-index low)
- NEVER overlap or obscure typography — text breathes
- Size: 30-50% of canvas height
- Opacity: 100% (solid, never translucent)
- Color: from semantic palette (not arbitrary)

═══════════════════════════════════════════════════════════════
TONE & VOICE (visual)
═══════════════════════════════════════════════════════════════
Data-driven, transparent, professional.
NOT a casino/betting aesthetic — this is an analytics platform.
Generous negative space. Single accent color per design (usually gold).
High contrast but readable. Numbers are stars: large, semantic-colored.

AVOID (anti-patterns):
- Neon/casino gradients (Las Vegas vibe)
- Photos of horses behind typography (cluttered, low contrast)
- More than 3 accent colors in one design
- Mixing Inter and Georgia in the same heading block
- Decorative shapes covering text

═══════════════════════════════════════════════════════════════
TYPICAL LAYOUT (Open Graph cover, 1200×630)
═══════════════════════════════════════════════════════════════
Top-left:        UAT logo (96-128px) + "UAT RACING" wordmark + subtitle "Türk At Yarışı Veri Platformu"
Center-left:     Large display heading (88-96px, 1-2 words in gold)
Below heading:   Subtitle, Inter 400 24px, muted color, "·" separators
Mid-bottom:      Data card (surface bg, gold left border 4px, padding 24-32px)
                 Inside: large formula/number with semantic color emphasis
Bottom-left:     URL footer, muted color
Bottom-right:    Small tag/badge pill
Background:      2-3 geometric shapes in corners (see Visual Language)

═══════════════════════════════════════════════════════════════
USE CASES
═══════════════════════════════════════════════════════════════
- Article cover images (1200×630 OG standard) — primary use case right now
- Social media cards (Twitter/X, Facebook, LinkedIn)
- Instagram stories (1080×1920)
- Slide decks (1920×1080)
- API documentation visuals

Multi-language: every design must support Turkish + Arabic + English.

1. **Icons — keep Lucide.** Broader semantic coverage; horse-racing / betting / statistics symbols aren't in Octicons. Lucide is also the modern web standard.

2. **Slides — yes please.** Build 4 templates at 1920×1080 on the UAT brand foundations:
   - Title slide (hero headline, logo, subtitle)
   - Content slide (heading + text/bullets, mid weight)
   - Data slide (large number/chart prominence, semantic colors — green/red)
   - Closing / CTA slide (one strong call-to-action, gold accent)
   Use cases: B2B sales decks for API platform, GHN partnership pitches to international racing authorities, Fanatik/media partner presentations.

3. **Logo — vector marks coming.** The current PNG is a detailed illustration (horse + landscape + sunset tones), so I'm preparing two complementary marks:
   - **Wordmark-only SVG** for small lockups, favicons, navbar
   - **Auto-traced SVG** of the illustration for covers/social (where detail matters)
   For now, proceed using the existing PNG — I'll upload both vector versions within the hour and you can use whichever fits each context (favicon → wordmark, hero cover → illustration).