Art Part Club
01 Strategie 02 Architektura 03 Logo 04 Barvy 05 Typografie 06 Layout 07 Komponenty 08 Ikonografie 09 Tón copy 10 Aplikace 11 Praxe 12 E-maily 13 Governance
Brand & Design Manual · v1.1 · 06/2026

Design
Manual

Závazná vizuální a brandová pravidla pro produkt, web i marketing Art Part Clubu. Jeden zdroj pravdy pro každý frontend, redesign i kampaň.

Černobílá · hlavní odlišení Gradient · úzce vymezená výjimka Strategie · Logo · Barvy · Typografie · Governance
00

Obsah

01

Strategie & osobnost

Vizuál slouží strategii, ne naopak. Každé rozhodnutí o barvě, typografii a formě má vycházet z toho, co značka je a slibuje. Tahle vrstva je nadřazená všem následujícím.

Pozice

Otevřené dveře

„Trh s uměním v Česku není zavřený klub. Jen mu chybí dveře, které by vás jednoduše pustily dovnitř." APC demokratizuje přístup k současnému umění jako k assetu i zážitku — srozumitelně, s kurátorským vkusem.

Brand promise

Důvěryhodný vstup

Srozumitelný, kurátorsky vedený a důvěryhodný vstup do sběratelství a investic do současného umění — i pro úplného začátečníka, bez nutnosti velkého kapitálu.

Osobnost značky

KurátorskáKlidnáSebejistáVzdělanáPřístupnáNadčasová

Není: hypeová, korporátní, spekulativní, hlučná. Tahle osobnost je důvod, proč je galerijní černobílá hlavní odlišení — strohost komunikuje vkus, důvěru a nadčasovost lépe než trendy barevnost.

Otevřené strategické rozhodnutí: význam barvy zatím není ukotven. Než se akcent (gradient) stane trvalou součástí identity, je třeba odpovědět „co ta barva v rámci téhle osobnosti znamená?". Do té doby je default černobílá a gradient je experiment (viz sekce 02 a 04).
02

Brand architektura

APC má jeden brand ve dvou registrech — ne dvě značky. Kanonický registr (černobílý + odstíny šedi, galerijní) je jádro i hlavní konkurenční odlišení: strohost = důvěra, prémiovost, nadčasovost. Drž ho jako default všude. Kampaňový registr (akvizice, social, e-book) smí přidat jediný výrazový prvek — gradient — ale jen jako úzce vymezenou výjimku, ne jako systém. Když váháš, vsaď na černobílou.

Registr A — kanonický

APC Core

Produkt (app) · artpart.club · institucionální komunikace
  • Černá, bílá a odstíny šedi, maximum white space, galerijní klid
  • Display: Alternate Gothic No3 D (kondenzovaný, verzálky)
  • Text: Raleway
  • Žádné efekty, žádná barva, žádná dekorace — umění je hrdina
  • Cíl: důvěra, nadčasovost, soustředění na obsah
Registr B — kampaň

APC Campaign

E-book · Instagram carousely · social · landing & akvizice
  • Černobílý základ + gradient jako výjimka (pink→violet→blue)
  • Nadpisy: Barlow; značka a institucionální nadpisy Alternate Gothic
  • Tenké geometrické linkové ikony v gradientu/violet
  • Rytmus: čísla 01–0n, eyebrow labely, „→" gradient buttony
  • Cíl: konverze a engagement při zachování klidu jádra
Společné napříč registry: logo a značka, černobílý základ, editorial tón hlasu, disciplína whitespace. Kampaňový registr nikdy nepřebíjí logo ani neztrácí klid — gradient je koření, ne základ.
Gradient = výjimka, ne systém. Aby princip „typografie > dekorace, žádné efekty" nebyl v rozporu: gradient smí na velký display a grafické prvky v akvizičním/social obsahu. Nesmí na produkt/app, institucionální komunikaci, vizitky/smlouvy/hlavičkový papír, malý text, plochy pozadí ani logo. Default je vždy černobílá. Strategický význam barvy zatím není ukotven (sekce 01) — do jeho schválení ber gradient jako ohraničený experiment, ne jako trvalou součást identity.
Pozn. k červené: dřívější webová ebook landing page používala červený akcent #E7000B — je to chyba a v brandu se s ní nepracuje.
04

Barvy

Základ je radikálně jednoduchý: černá, bílá a odstíny šedi. Tady kanonický brand končí — žádná plná barva. Kampaňová vrstva přidává jediný akcent: gradient (pink → violet → blue) pro nadpisy, čísla, ikony a „→" buttony. Žádné jiné barvy bez schválení.

Jádro & neutrály

Black#000000
White#FFFFFF
Ink (text)#14141A
Graphite#3A3A44
Muted#6B7280
Border#E5E7EB
Surface#FAFAFA
Web text#333333

Kampaňový gradient — pouze kampaňová vrstva

Pink#FF2E9A
Violet#A24BFF
Blue#3D6BFF
Gradient: linear-gradient(90deg, #FF2E9A, #A24BFF, #3D6BFF). Používej ho úsporně — výplň display nadpisů, pořadová čísla, linkové ikony, dělící linky a „→" buttony. Nikdy jako plochu přes celou sekci, nikdy v kanonickém (institucionálním) brandu. Hex stopy jsou odečtené z kolaterálu — doporučuji potvrdit přesné hodnoty v Canva Brand Kitu (umím je přečíst z prohlížeče).

Přístupnost & čitelnost

U investičního produktu je čitelnost otázkou důvěry i compliance, ne kosmetika. Barvy proto drží WCAG kontrast.

Kontrast textu

AA minimum

Běžný text ≥ 4,5:1, velký text (≥24 px / 19 px bold) ≥ 3:1. Ink/Graphite na bílé to splňují; Muted jen pro velký nebo sekundární text.

Gradient na textu

Jen velký display

Gradient pouze na display ≥ 28 px / bold a i tam ověř kontrast vůči pozadí. Nikdy na běžném textu, popiscích a tlačítkovém microcopy.

Růžová #FF2E9A

Grafika, ne text

Samotná růžová na bílé neprojde kontrastem pro text — používej ji jen jako plochu/grafiku, ne jako barvu písma.

Tonální logo

Tone 1#1F1F1F
Tone 2#555555
Tone 3#888888
05

Typografie

Typografie nese identitu víc než cokoli jiného — typografie > dekorace. Každá vrstva má svou rodinu, ale princip je stejný: výrazný kondenzovaný display (značka), grotesk nadpisy (kampaň) a neutrální čitelný text.

Primární brand · display
Objevuj umění

Alternate Gothic No3 D — kondenzovaný gothic, verzálky. Logo a velké institucionální headliny. (Produkční font načtený z /Brand/Fonts.)

Primární brand · text
Privátní klub pro milovníky umění s unikátním přístupem ke spoluvlastnictví.

Raleway — humanistický bezpatkový text na artpart.club. Váhy 400 / 600 / 800.

Kampaň · display v gradientu
Umění investovat do umění

Barlow — kampaňové nadpisy (e-book, carousely, social), váhy 700/800. V kampani smí být vyplněný gradientem. Pro značku a krátké institucionální nadpisy zůstává Alternate Gothic.

Text · obě vrstvy
Raleway nese veškerý běžný text, popisky a delší pasáže — kanonicky i v kampani.
„Kde to není černobílé."

Raleway ve všech vahách. Citace v Raleway kurzívě — editorial serif (Newsreader) se nepoužívá.

Typografická škála (kampaň)

H1 · Barlow 800
92/86 · −2.5%Display headline
H2 · Barlow 800
60/60 · −2%Sekce & nadpisy
H3 · Raleway 600
20/28Podnadpis komponenty
Body · Raleway 400
16/24Základní textová velikost pro běžný obsah a popisky.
Eyebrow · Raleway 600
11 · 0.18em · CAPSZdarma · 30 stran · 25 min čtení
Quote · Raleway
italicTenhle průvodce vám dá kompas.

Jak s fonty pracovat

Pravidlo 1

Tři rodiny, nic víc

Alternate Gothic (značka + institucionální display), Barlow (kampaňové nadpisy), Raleway (text). Tři jasné role — žádné další rodiny.

Pravidlo 2

Kdy který display

Alternate Gothic jen verzálkami pro logo a krátké úderné nadpisy. Barlow pro běžné a delší kampaňové titulky. Ať se na layoutu nepošlapou — drž hierarchii.

Pravidlo 3

Gradient jen na display

Gradientem se plní jen velký display nebo grafické prvky. Běžný text a popisky vždy v Ink/Graphite — nikdy gradient na malém písmu (čitelnost).

Fontový systém (rozhodnutí): Alternate Gothic No3 D (značka + institucionální display, soubor v /Brand/Fonts) + Barlow (kampaňové nadpisy — e-book, carousely, social) + Raleway (veškerý text). Geist, Bricolage i Newsreader se vyřazují. Web (Geist) a Canva na tento trojlístek postupně sjednotit. Barlow i Raleway jsou zdarma (Google Fonts), Alternate Gothic je licencovaný v /Brand/Fonts.

Zdroje fontů

Barlow → Google Fonts Raleway → Google Fonts Alternate Gothic No3 D · licencovaný · /Brand/Fonts
06

Layout, spacing & elevace

Klid vzniká prostorem, ne dekorací. Štědrý whitespace, jasná vertikální kadence sekcí a plochý design bez stínů — hloubku tvoří tenké linky #E5E7EB, ne shadow.

Spacing

8px grid

Rozestupy jako násobky 4/8 px. Sekce 80–96 px vertikálně. Mezi blokem a popiskem 8–16 px.

Rohy

Ostré · radius 0

Ostré rohy všude — buttony, karty, štítky, obrázky i plochy. Žádné zaoblení (sjednoceno s hranatým UI hlavního webu). Vstupy spíš linka než rámeček.

Elevace

Flat

Žádné stíny, gradienty ani efekty (platí i pro logo). Oddělení řeší linky a plochy #FFFFFF/#FAFAFA.

Mřížka

Max 1080–1200 px

Obsah centrovaný, boční padding 22–32 px. Měřítko řádku textu max ~70 znaků pro čitelnost.

Princip

Obsah je hrdina

Rozhraní ustupuje, umění/obsah dominuje. Když váháš, ubírej — ne přidávej.

07

UI komponenty

Stavební prvky kampaňové vrstvy. Minimalistické, plně přístupné, postavené na černobílém základu s úsporným akcentem.

Tlačítka
→

Dva kanonické buttony z artpart.club, oba hranaté (radius 0), display Alternate Gothic 700: plný černý (bílý text) a outline (černý rámeček 1,5 px, bílé pozadí). Padding ~9–11 / 20–22 px. „→" navigace v carouselech (kampaň) = gradient ve čtverci, jediný barevný ovládací prvek — ne třetí typ tlačítka. Hover: ztmavení ~8 %.

Tagy / pilulky
PremiumPodcasty★ Bestseller

Tenký rámeček #E5E7EB, plně zaoblené, text Graphite. Pro štítky obsahu a stavy.

Vstupní pole

Minimalistický underline styl. Žádné těžké rámečky. Label nad polem nebo placeholder Muted.

Eyebrow + nadpis
Co v průvodci najdete
Pět ukazatelů kvality
Číslovaný seznam
  1. Kompas, ne mapa
    Úvod do uvažování o sbírce
  2. Který je můj kvadrant
    2×2 matice typů sběratele
  3. Kde končí kýč
    Jak rozlišit kvalitu od líbivosti
Pull-quote
Trh s uměním není zavřený klub. Jen mu chybí dveře.
Raleway italic · na černé ploše
Trust strip

Loga médií (Forbes, ART+, CzechCrunch) vždy jednobarevně/šedě, zarovnaná na střed, na bílé. Buduje důvěru, nepřebíjí.

Forbes · ART+ · CzechCrunch
08

Ikonografie & obraz

Fotografie a díla jsou hrdinové — ikony je tiše doprovázejí. Obsahové ikony jsou tenké geometrické linky v kampaňovém gradientu, konzistentní tloušťky tahu, postavené na stejné mřížkové logice jako značka „A". Kompletní sada brand ikon z Canva e-booku, překreslená do jednotného stylu (tenká linka, gradientový tah). Seskupeno podle kontextu použití; každá ke stažení v SVG i PNG.

Archetypy sběratele · kvadranty, kap. 02

Pozorovateloko
Sběratelmřížka
Společníksíť
Spoluvlastníkokno / frakce

Ukazatele kvality · kap. 05 — pět ukazatelů

Galeristarámeček
Velké výstavymuzeum
Zájem kritikydokumenty
Kdo nakupujecenovka
Originalitapodpis

Cesty k umění · kap. 06 — pět cest

Ateliérstojan
Komerční galerievýloha
Aukcekladívko
Veletrhy a akcevrcholy

UI prvky · seznamy v e-booku

Splněnocheck

Ikony sociálních sítí

Doporučení: černý čtverec s bílým glyphem — sedí s hranatou identitou (radius 0) a s mřížkovou logikou značky líp než kolečko. Glyph sítě zůstává rozpoznatelný; badge je „náš".

Instagramčtverec
in LinkedInčtverec
f Facebookčtverec
E-mailčtverec
Webčtverec

Varianty & doporučení

Čtverec · doporučeno
Outline · světlé pozadí
Gradient · kampaň
Kolečko · stávající
Glyph vždy jednobarevný (bílý na tmavém / černý na světlém). Badge drží ostré rohy; stávající černé kolečko funguje, ale čtverec je s brandem konzistentnější. Gradientovou variantu používej jen v kampaňovém kontextu (social grafika), ne v patičce produktu/e-mailu.

Pravidla ikon

Pouze linka (žádná výplň), jednotná tloušťka tahu, zaoblené spoje, geometrický základ. Tah v gradientu na kampani, nebo jednobarevně Ink/Graphite v kanonickém kontextu. Nikdy ne multibarevné, „3D" ani stínované.

Obraz / foto

Reálná díla, ateliéry, vernisáže, lidé. Přirozené světlo, bez těžkých filtrů. Rámování s prostorem, dílo neořezávej tak, aby ztratilo celistvost. Radius 8 px, bez stínu. Na social přes foto světlý overlay pro čitelnost textu.

09

Tón copy

„Trh s uměním v Česku není zavřený klub. Jen mu chybí dveře, které by vás jednoduše pustily dovnitř."
Tón — ano
  • Editorial, klid, hloubka, sebejistota.
  • Přístupné i úplným začátečníkům — žargon vysvětlit (tooltips, FAQ, slovník).
  • Konkrétní a lidské: „co bych řekla u kávy někomu, kdo si poprvé říká: možná i já?"
  • Čeština; sjednocená kapitalizace „Vy/vy" napříč texty.
Tón — ne
  • Žádný hype ani prodejní tlak.
  • Žádný korporát a prázdný marketingový žargon.
  • Nevymýšlej nový tón — drž existující editorial linii projektu.
  • Nepřehánět, neslibovat zhodnocení; spoluvlastnictví není investiční produkt v právním smyslu.
10

Aplikace & do/don't

Kde platí které pravidlo a čeho se vyvarovat.

Kanonický brand — kde

Mobilní aplikace (portfolio, marketplace, obsah), hlavní web artpart.club, prezentace klubu, institucionální materiály, vizitky, hlavičkový papír. Černobílá + šedi, galerijní, bez barvy.

Kampaň — kde

E-book „Umění investovat do umění", Instagram carousely & posty, social, akviziční landing & kampaně, obsahové ikony. Černobílý základ + kampaňový gradient, nadpisy Barlow.

Do
  • Maximum white space, obsah/umění jako dominanta.
  • Logo plné černé/bílé podle pozadí; respektovat ochrannou zónu.
  • Akcent úsporně; hierarchii řešit velikostí a šedí.
  • Sub-brand staví na jádru — nikdy ho nepopírá.
Don't
  • Žádné stíny, gradienty ani efekty na logu.
  • Žádná červená #E7000B — to je chyba; gradient nedělat plochou pozadí.
  • Nemíchat display fonty napříč vrstvami v jednom layoutu.
  • Nezahlcovat dekorací — rozhraní nesmí rušit dílo.
Canva assety (zdroj kampaňové vrstvy): e-book „Umění investovat do umění" (30 stran), 4 Instagram carousely a sada obsahových ikon. Z nich vychází gradient, ikonografie i display typografie této vrstvy.
11

Aplikace v praxi

Jak vrstvy fungují na reálných nosičích. Kanonické (vizitka, hlavičkový papír, podpis) drží čistou černobílou — bez gradientu. Kampaňové (social post, carousel) nechají gradient výrazně promluvit.

Social post · 1:1 · kampaň
Jaký máš vztah k umění?
Jsi pozorovatel, sběratel, společník nebo spoluvlastník?
→
Carousel slide · kampaň
1.
Pozorovatel?
Chodíš na výstavy, vlastnit umění ale nemusíš?
→
Vizitka · kanonická
Anna Pulkertová
Zakladatelka
anna@artpart.club · artpart.club
E-mailový podpis · kanonický
Anna Pulkertová
Zakladatelka · Art Part Club
anna@artpart.club
artpart.club · Instagram · LinkedIn
Hlavičkový papír · kanonický
Art Part Club
artpart.club
IČO 00000000 · hello@artpart.club · Praha
Vodítko: čím blíž k transakci a instituci (vizitka, smlouva, hlavičkový papír, app), tím čistší černobílá bez gradientu. Čím blíž k akvizici a social obsahu (post, carousel, e-book), tím víc smí gradient promluvit. Logo zůstává vždy plné černé/bílé, nikdy v gradientu.
12

E-mailové šablony

Šablony vycházejí z reálné struktury, kterou APC posílá (Ecomail / MJML, 600 px). Drží brandová pravidla: jeden sloupec, hranaté rohy, náš gradient, černé/gradientové CTA, editorial tón. Transakční pošta může mít hero a autora; vždy jasné jedno CTA.

Doručení e-booku · dle aktuální šablony

Transakční · lead magnet
Zobrazit e-mail online
Umění investovat do umění
Průvodce světem umění už na vás čeká

Máme radost, že vás náš průvodce zaujal. Stačí kliknout — nic se nestahuje, můžete se hned pustit do čtení. Zároveň jsme vás přihlásili k newsletteru.

ZOBRAZIT PRŮVODCE
Anna Pulkertová
Zakladatelka Art Part Clubu
in
in
Máte dotaz nebo potřebujete poradit?
Napište nám na hello@artpart.club
Všechna práva vyhrazena · Art Part Club s.r.o.
Dostáváte, protože jste se přihlásili na artpart.club · Odhlásit se
Anatomie e-mailu
  1. Hlavička
    logo (Logo v2, černé) + „Zobrazit online"
  2. Hero obrázek
    full-width vizuál (600 px)
  3. Nadpis + text
    Barlow nadpis, Raleway text
  4. CTA
    gradientové, hranaté, jedno hlavní
  5. Autor
    foto + Anna + sociální ikony
  6. Logo + sociální řada
    Logo v1 + čtvercové ikony
  7. Blok podpory
    kontakt na hello@artpart.club
  8. Patička
    práva, důvod zaslání, odhlášení

Další typy

Newsletter · kampaň
Předmět: Co hýbe trhem s uměním
Newsletter · 06/2026
Co hýbe trhem s uměním

Tři věci, které tento měsíc stojí za pozornost — kurátorsky, bez šumu.

CELÉ VYDÁNÍ
Všechna práva vyhrazena · Art Part Club s.r.o.
Dostáváte, protože jste se přihlásili na artpart.club · Odhlásit se
Uvítací · onboarding
Předmět: Vítejte v Art Part Clubu
Vítejte v klubu.
— Kurátorské nabídky děl každý měsíc
— Edutéka: články, podcasty, videa
— Komunita a vstup do ateliérů
PROZKOUMAT NABÍDKU
Všechna práva vyhrazena · Art Part Club s.r.o.
Dostáváte, protože jste se přihlásili na artpart.club · Odhlásit se

Pravidla e-mailů

Šířka max 600 px, jeden sloupec, pozadí neutrální (#FAFAFA/bílá). Nadpis Barlow, text Raleway, CTA = hranaté (gradientové u akvizice, černé jinde). Logo černé na bílé. Sociální ikony = čtverce. Dostatek whitespace.

Technika (produkce)

Tabulkový MJML layout + inline CSS. Web-safe fallbacky: Arial za Raleway, kondenzovaný systémový řez za Alternate Gothic. Gradient s fallbackem na plnou barvu. Alt texty, preheader, „Zobrazit online", jasné odhlášení (GDPR).

Migrace ze stávající šablony → brand: CTA zaoblené 8px → hranaté; gradient modro-růžový #5170FF→#FF66C4 → náš #FF2E9A→#A24BFF→#3D6BFF; odkazy fialová #8630E2 → Ink / gradient (žádná fialová); sociální ikony zaoblené → čtvercové; font Roboto → Raleway / Barlow; béžový blok #fdf3ef → neutrální #FAFAFA; foto autora kolečko → čtverec (volitelně). Pozadí #f1f2f3 je OK (neutrál).
13

Governance & konzistence

Bez správy se identita rozjede. Dnes existují tři rozjeté implementace (Webflow web, Next.js landing, Canva) — manuál je má sjednotit, ne jen popsat.

Zdroj pravdy

Jeden manuál

Tento dokument + brand-manual.md jsou závazné pro každý frontend, redesign i kampaň. Při rozporu platí novější verze tohoto manuálu.

Schvalování

Brand owner

Nové barvy, fonty a každou výjimku (včetně gradientu) schvaluje brand owner. Bez schválení se do produkce nedostanou.

Verzování

Verze + changelog

Každá změna bumpne verzi (1.0 → 1.1…) a má řádek v changelogu. Revize systému 2× ročně.

Sjednocení rozjetých implementací

  1. Akcent
    Pryč s červenou #E7000B. Gradient jen jako ohraničená výjimka, do ukotvení významu barvy (sekce 01).
  2. Typografie
    Web (Geist) i Canva sjednotit na trojlístek Alternate Gothic + Barlow + Raleway. Vyřadit Geist, Bricolage i Newsreader.
  3. Kanály
    artpart.club, landing, app i Canva šablony postupně narovnat na jeden type a barevný systém.
Roadmapa manuálu (v1.1+): tahle verze je vizuální systém. Doplnit: hlubší fotografická direkce, motion principy (tempo, easing, kde se vůbec hýbe), co-branding s galeriemi a partnery, a UI tokeny pro mobilní aplikaci (barvy/spacing/stavy jako proměnné).