HomepageDesign System
v0.1.0

Design System

Tokeny, komponenty a principy stránky BlizzCZ. Tento dokument je zdroj pravdy pro vývoj — žádné hodnoty mimo tokens.css.

Téma
Dark
Hlavní accent
#E85D24
Typografie
Rajdhani · Inter · JetBrains Mono
Komponent
17
Grid
1280 · 24
01 /

Brand

Logo je pouze textová varianta — žádný Blizzard mark, žádný character art. Wordmark Blizz**CZ** v Rajdhani 700; B-monogram tile 30 px má subtilní fire glow leak.

02 /

Colors

Dark-first paleta s jediným teplým accentem (#E85D24). Game colors slouží jen k barevnému kódování — nikdy jako primární CTA.

Surfaces

#0D0F14
Base
--bg-base
#161920
Surface
--bg-surface
#1E2229
Elevated
--bg-elevated
#252B36
Highlight
--bg-highlight

Borders & Text

#2A2F3A
Border subtle
--border-subtle
#3D4554
Border strong
--border-strong
#5A6173
Text muted
--text-muted
#F0EDE8
Text primary
--text-primary

Accents & Status

#E85D24
Fire
--accent-fire
#C89B3C
Gold
--accent-gold
#2DD66B
Live
--status-live
#E04545
High
--status-high

Game colors

#E85D24
Diablo IV
--game-d4
#1E69C8
World of Warcraft
--game-wow
#F99E1A
Overwatch 2
--game-ow2
#C89B3C
Hearthstone
--game-hs
#4A9EE8
StarCraft II
--game-sc2
#8B6CC8
Heroes of the Storm
--game-hots
03 /

Type

Rajdhani pro displeje (game feel bez gamer kýče), Inter pro běžný text, JetBrains Mono pro čísla, časy a UI eyebrows.

Display
Rajdhani 700 · clamp(40,4.5vw,64)px
Tvůj den shrnutý za 60 sekund
H2
Rajdhani 600 · 32 px · -0.01em
Co se právě děje
H3
Rajdhani 600 · 22 px
Avarice — Otec Lákavosti
Body
Inter 400 · 15 px · 1.7
PTR po dvou týdnech říká jasně — Quill Volley letos koso nebude. Co s tím můžeš udělat teď.
UI label
Inter 600 · 13 px · uppercase · 0.04em
Přečíst celý brief
Eyebrow
Mono 500 · 11 px · uppercase · 0.18em
Příští spawn
Mono
JetBrains Mono · čísla a časy
184 220 · 01:23:47
04 /

Spacing & shape

Konzervativní škála — žádný radius nad 16 px, žádný neon glow, jen jeden fire shadow.

Radius

4 px
--radius-sm
8 px
--radius-md
12 px
--radius-lg
16 px
--radius-xl

Shadow

--shadow-card
--shadow-card-hov
--shadow-fire
05 /

Buttons & badges

Jediný fire primary, ghost na vše ostatní. Battle.net má dedikovanou modrou pro auth flow.

Buttons
Badges
LiveHighMedLowGhostAIFeatured
D4WoWOW2HSSC2HotS
Game marks
sm
D4
WoW
OW2
HS
SC2
HotS
md
D4
WoW
OW2
HS
SC2
HotS
lg
D4
WoW
OW2
HS
SC2
HotS
06 /

Components

Žádné kopie — totožné komponenty jako v produkci. Hover/voted state je živý.

AiBlock
Co to znamená pro tebeAI

Pokud aktuálně grindujete Spiritborn, přesuňte paragony do defensívních uzlů. Build se po patchi přesune do nízkého T1–T2 tieru.

EventCard · live + upcoming
D4
World BossPrávě teď!

Avarice — Otec Lákavosti

Sanctuary · EU

Končí za00:00:00
D4
Helltide

Hawezar — Helltide

Sanctuary · EU

Začíná za00:00:00
NewsCard · featured + default
ptr patch notes hero
D4Dopad: VysokýPatch 2.4

Sezóna Spoutaných Duší: gigantický nerf Spiritborn potvrzen na PTR

PTR po dvou týdnech říká jasně — Quill Volley letos koso nebude. Co s tím můžeš udělat teď.

Co to znamená pro tebeAI

Pokud aktuálně grindujete Spiritborn podél měřítka, přesuňte paragony do defensívních uzlů. Build se po patchi přesune do nízkého T1–T2 tieru. Barbarské a Druidské buildy zatím bez újmy.

před 12 minutami8 412
Petr Vacek
WOWDopad: VysokýThe War Within

Nový raid Manaforge Omega — česká guilda Severance jako třetí na světové race?

Severance právě porazila boss č. 6 na Mythic. Race za world first vstupuje do osmnáctého dne.

Co to znamená pro tebeAI

Pokud sledujete progress, dnes večer startuje Český commentary stream s Vexem v 19:00. Pull strategy pro boss č. 7 (Soulharvester) je v našem průvodci.

před 47 minutami3 901
Tomáš Mareš
BuildCard
BAR
D4AI Importováno

Krvácející vír — T4 Pit 110+

Barbarian · Whirlwind Bleed

Složitost: 3/5Melee · AoES-tier
od Garik
PAL
WOW

Ret Pala AoE M+ 18-22 push

Paladin · Retribution

Složitost: 2/5HybridA-tier
od Vex
SOR
D4

Božní kopí (Spear of the Lord)

Sorcerer · Lightning Spear

Složitost: 4/5Ranged · GlassS-tier
od Kachna
DRU
WOWAI Importováno

Boomkin Solar Eclipse — Mythic

Druid · Balance

Složitost: 3/5RangedA-tier
od Sany
Leaderboard
Pořadí
Hráč
Region
Skóre
Změna
01
Garik#2138
Barbarian · Whirlwind
CZ
184 220
3
02
Sanyaaa#1009
Sorcerer · LightSpear
SK
178 990
1
03
Vex#4421
Necromancer · Bone Spear
CZ
172 110
2
04
Kachna#7765
Spiritborn · Quill
CZ
165 430
1
05
MrPoulpe#2002
Rogue · Heartseeker
SK
161 200
0
07 /

Principles

Pravidla pro každého, kdo přidává nebo upravuje UI. Restraint, ne efekt — gaming médium, ne fan club.

✓ Dělej

  • Dark-first — bg-base je default na všem
  • Fire accent jen pro CTA a klíčové elementy
  • Rajdhani pro nadpisy, Inter pro text
  • Subtle hover (lift 1 px + border highlight)
  • Game color jen jako kódovací prvek (dot, mark stripe)
  • Server Components default — klient jen pro interaktivitu

✗ Nedělej

  • Purple/violet gradienty (generic AI estetika)
  • Neon glow efekty (cheap gamer look)
  • Inter pro nadpisy
  • Border radius nad 16 px
  • Blizzard logo / character art / oficiální font
  • useEffect pro data fetching