Creative Giants
Velkoformátový redakční plakát na krémovém papíře
Creative Giants vypadá jako nadrozměrná rozkládací část artbooku, vykreslená v kódu: teplé, krémové plátno, tenké okraje a písmo tak velké, že působí spíše jako plakát než titulek. Celý systém funguje na negativním prostoru a jediné, lehké velikosti (300) – titulky jsou při rozlišení 64–84 pixelů sotva slyšitelné, místo aby vyčnívaly tučně, a rozteč písmen se s rostoucí velikostí písma prudce snižuje (-0,04 em), takže slova působí spíše ostře, než aby byla oloupaná. Barevné schéma je rozloženo v malých, sytých tazích štětcem: zářivá fialová, tmavě tyrkysová, světle modrá, zářivě růžová, mátově modrá a tmavě modrá se jeví jako povrchy karet nebo akcenty, spíše než jako výplně pozadí. Interaktivní prvky jsou černé tvary na krémovém pozadí s plně zaoblenými poloměry (1440 pixelů), zatímco chromované prvky jsou téměř neviditelné – v bílém prostoru se vznáší jedno kulaté logo a tlačítko „Menu“. Vizuální koncept je kontaktní list produkčního studia: jeden obrovský titulek, jedna fotografie na celou šířku, jeden tichý řádek metatextu. Každá další stránka by měla dodržovat stejný lakonický styl.
Rozvržení stránky na celé šířce: Neexistuje žádný kontejner s maximální šířkou; obsah zabírá celou šířku stránky se stejnými okraji vlevo a vpravo (16–32 px na mobilních zařízeních, 32 px+ na počítačích). Hlavní nadpis je jeden velký titulek („CREATIVE GIANTS“ o rozlišení 84 px) zabírající přibližně 40 % zobrazované plochy, bezprostředně následovaný fotografií na celé šířce s meta tagem v levém dolním rohu a překryvným nadpisem. Rytmus sekcí je monolitický: každá nová sekce začíná malým množstvím textu psaného velkými písmeny a vysvětlením, oddělených 48–64 px bílého prostoru – s výjimkou jedné invertované karty s akcentem Navy Ink nejsou žádné střídavé tmavé/světlé pruhy. Obsah je zarovnán vlevo; s výjimkou hlavního nadpisu nejsou žádné středové bloky. Sekce zpráv/případových studií používá třísloupcovou mřížku karet s plovoucím blokem šipek vpravo. Navigace se provádí pomocí jediného horního záhlaví – bez postranního panelu nebo jakýchkoli ukotvených prvků za samotným záhlavím. Celkové uspořádání je prostorné a v souladu s redakčním stylem: každá sekce dýchá a bílý prostor je primárním strukturálním prvkem.
Designu dominuje redakční fotografie: obrázky zabírají celou šířku stránky, s ostrými úhly a bez překrývání nebo zaoblených masek. Styl se přiklání k dokumentárnímu a atmosférickému stylu – vrásčité ruce, veřejné instalace a neformální záběry lidí – bez použití inscenované produktové fotografie. Obrázky jsou vždy prezentovány ve velkém měřítku (zobrazovací oblast na celou šířku stránky nebo vyplnění celé karty), takže jednotkou designu je fotografie, nikoli uživatelské rozhraní. Nejsou zde žádné ilustrace, 3D modely ani makety produktů. Ikonografie je minimální: jedno malé kruhové logo, obrysové šípy na ovládacích prvcích karuselu a lehké ikony uživatelského rozhraní s obrysem o tloušťce 1px. Hustota obrazu je určena samotným obrázkem a text slouží jako diskrétní vrstva anotace pod nebo nad fotografií.
Paleta
Značka
- Magenta Bloom
#8a0467— Růžová se používá jako sekundární akcent pro dekorativní detaily a ke zvýraznění méně často používaných vyhledávacích dotazů. Neměla by se používat jako primární barva pro výzvu k akci. - Forest Teal
#03624c— Sytá akcentová barva značky pro rámečky karet a dekorativní prvky; v kombinaci s purpurovou purpurovou barvou (Magenta Bloom) vytvoří dvoubarevný povrch.
Neutrální
- Bone White
#fffef7— Plátno stránky, kartonové povrchy a text na tmavých akcentech jsou v teplém, krémovém odstínu, který nahrazuje čistý #ffffff a dodává celému systému papírový, tištěný vzhled. - Ink Black
#000000— Tmavá barva doplňuje neutrální text a ikony a vytváří silný kontrast. Nepoužívejte ji jako primární barvu pro výzvy k akci. - Graphite
#666666— Sekundární text, popisky, metadata a podpůrný text jsou odsunuty do pozadí, aby dominoval hlavní text. - Ash
#aaaaaa— Okraje vstupních polí, barva neaktivního odkazu, terciární oddělovače - jemná strukturální šedá barva, která zmizí, když není potřeba. - Charcoal Scale
#4d4c4a— Středně neutrální barva pro okraje seznamu s jemným zvýrazněním kontrastu na tmavé přechodové cestě – teplá šedá spíše než modrošedá. - Powder Blue
#a5c8eb— Jemný barevný akcent – pozadí pohlednic, rozmazané pozadí, tlumené ilustrační výplně – ochladí teplé pozadí, aniž by vytvářel konkurenci.
Typografie
od 12 do 84px · 7 kroků
- Switzer — nahrazení: Inter (300 · obrysy 300, 400 · Systém s jedním písmem: tloušťka 300 pro všechny zobrazované prvky a nadpisy (12–84px), tloušťka 400 pro text, metadata a ovládací prvky uživatelského rozhraní. Preferovanou možností je použití tloušťky 300 pro velikosti 64–84px – většina systémů zde používá tučné písmo 700–800; světlý tón písma Switzer zachovává tenké linky a vytváří dojem textu potištěného airbrushem na krémovém plátně. Menší rozteč písmen s rostoucí velikostí (-0,04 em při 84px, -0,018 em při 14px) udržuje vnitřní prostor otevřený, aniž by vytvářel dojem řídkosti.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 8px |
| Poloměr tlačítka | 1440px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64px |
Umělá inteligence vám vytvoří web ve stylu Creative Giants a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- ElevenLabs — Fotoesej v teplých krémových tónech s decentními nadpisy. Zápisník ve stylu Bauhausu – papír barvy vaječné skořápky, černý inkoust a jeden fialovooranžový akcent pro vystavení produktů.
- monopo saigon — Tekutá, duhová záře za redakčním tichem – monochromatická redakční galerie vznášející se na roztaveném světle
- Awesomic — Redakční zinková síťovina s oranžovými interpunkčními znaménky připomínajícími konfety
- Monad — redakční technický časopis na teplém pergamenu
- Dub — Ovládací panel Link z matného rýžového papíru
- Seline Analytics — Tichý analytický stůl na teplém papíře
- Notion — Teplý papírový zápisník v polední slunci
- Hyer Aviation — Soumrak v kokpitu nad pergamenem. Bledá ranní obloha se setkává s patkovým logem velikosti trupu a jediný teplý hliněný akcent prolamuje monochromatickou zdrženlivost.
- Anthropic — Vědecký časopis z oblasti teplého pergamenu – klidné slonovinové povrchy, patkové úvodní nadpisy a jediný hliněný akcent, který se objevuje pouze tehdy, když je potřeba něco udělat.
- Calendly — Tmavě modrý inkoust na studeném mramoru
- Augen Pro — Bílá prezentace společnosti Apple se vyznačuje klinickou, beztížnou, elektrickou modrou barvou jako jediným akcentem v monochromatickém prostoru.
- OFF+BRAND. — Duhová koule na teplém pergamenu