Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojárVývoj nástrojov umelej inteligencie pre firmy. Vysokokvalitné. Cenovo dostupné.Napísať do Telegramu
Creative Giants — ukážka stránky v tomto štýle

Creative Giants

Veľkoformátový redakčný plagát na krémovom papieri

Creative Giants vyzerá ako nadrozmerná roztiahnutá umelecká kniha, vykreslená v kóde: teplé, krémové plátno, tenké okraje a písmo také veľké, že pôsobí skôr ako plagát než ako titulok. Celý systém funguje na negatívnom priestore a jednej, ľahkej veľkosti (300) – titulky sú pri veľkosti 64–84 px sotva počuteľné, namiesto toho, aby vynikli tučným písmom, a rozstupy medzi písmenami sa s rastúcou veľkosťou písma prudko zmenšujú (-0,04 em), takže slová pôsobia skôr orezane ako ošúpané. Farebná schéma je rozložená v malých, sýtych ťahoch štetcom: žiarivá fialová, tmavo tyrkysová, svetlomodrá, horúca ružová, mätová a námornícka modrá sa javia ako povrchy kariet alebo akcenty, a nie ako výplne pozadia. Interaktívne prvky sú čierne tvary na krémovom pozadí s plne zaoblenými polomermi (1440 px), zatiaľ čo chrómové prvky sú takmer neviditeľné – v bielom priestore sa vznáša jedno okrúhle logo a tlačidlo „Menu“. Vizuálny koncept je kontaktný hárok produkčného štúdia: jeden obrovský titulok, jedna fotografia na celú šírku, jeden tichý riadok metatextu. Každá ďalšia strana by mala dodržiavať rovnaký lakonický štýl.

Rozloženie stránky na celé vyplnenie: Neexistuje kontajner s maximálnou šírkou; obsah zaberá celú šírku stránky s rovnakými okrajmi vľavo a vpravo (16 – 32 px na mobile, 32 px+ na počítači). Hlavný nadpis je jeden veľký nadpis („KREATÍVNI GIANTS“ s rozmermi 84 px), ktorý zaberá približne 40 % zobrazovanej oblasti, bezprostredne nasledovaný fotografiou na celé vyplnenie s metaznačkou v ľavom dolnom rohu a prekrytím názvu. Rytmus sekcií je monolitický: každá nová sekcia začína malým množstvom textu písaného veľkými písmenami a vysvetlením, oddeleným 48 – 64 px bieleho priestoru – okrem jednej invertovanej karty s akcentom Navy Ink nie sú žiadne striedajúce sa tmavé/svetlé pásy. Obsah je zarovnaný doľava; okrem hlavného nadpisu nie sú žiadne centrované bloky. Sekcia správ/prípadových štúdií používa trojstĺpcovú mriežku kariet s plávajúcim blokom šípky vpravo. Navigácia sa vykonáva prostredníctvom jedinej hornej hlavičky – bez bočného panela alebo akýchkoľvek ukotvených prvkov mimo samotnej hlavičky. Celkové rozloženie je priestranné a v súlade s redakčným štýlom: každá sekcia dýcha a biely priestor je primárnym štrukturálnym prvkom.

Dizajnu dominuje redakčná fotografia: obrázky zaberajú celú šírku stránky s ostrými uhlami a bez prekrývania alebo zaoblených masiek. Štýl sa prikláňa k dokumentárnemu a atmosférickému štýlu – vráskavé ruky, verejné inštalácie a neformálne zábery ľudí – bez použitia inscenovanej produktovej fotografie. Obrázky sú vždy prezentované vo veľkom meradle (zobrazovacia oblasť na celú šírku alebo vyplnenie celej karty), takže dizajnovou jednotkou je fotografia, nie používateľské rozhranie. Neexistujú žiadne ilustrácie, 3D modely ani makety produktov. Ikonografia je minimálna: jedno malé kruhové logo, obrysové šípky na ovládacích prvkoch karusela a ľahké ikony používateľského rozhrania s obrysom 1px. Hustota obrázkov je určená samotným obrázkom a text slúži ako diskrétna vrstva anotácie pod alebo nad fotografiou.

Paleta

Značka

  • Magenta Bloom #8a0467 — Ružová sa používa ako sekundárny akcent pre dekoratívne detaily a na zvýraznenie menej často používaných vyhľadávacích dopytov. Nemala by sa používať ako primárna farba pre výzvu na akciu.
  • Forest Teal #03624c — Sýta akcentová farba značky pre rámy kariet a dekoratívne prvky; v kombinácii s purpurovou farbou Magenta Bloom vytvorí dvojfarebný povrch.

Neutrálny

  • Bone White #fffef7 — Plátno stránky, kartónové povrchy a text na tmavých akcentoch sú v teplom, krémovom odtieni, ktorý nahrádza čistý #ffffff a dodáva celému systému papierový, tlačený vzhľad.
  • Ink Black #000000 — Tmavá farba dopĺňa neutrálny text a ikony a vytvára silný kontrast. Nepoužívajte ju ako primárnu farbu pre výzvy na akciu.
  • Graphite #666666 — Sekundárny text, titulky, metadáta a podporný text sú odsunuté do pozadia, aby hlavný text mohol dominovať.
  • Ash #aaaaaa — Okraje vstupných polí, farba neaktívnych odkazov, terciárne oddeľovače - jemná štrukturálna sivá farba, ktorá zmizne, keď nie je potrebná.
  • Charcoal Scale #4d4c4a — Stredne neutrálny odtieň pre okraje zoznamu s jemným zvýraznením kontrastu na tmavej gradientovej ceste – teplá sivá namiesto modrosivej.
  • Powder Blue #a5c8eb — Jemný farebný akcent – pozadia pohľadníc, rozmazané pozadia, tlmené ilustračné výplne – ochladzuje teplé pozadie bez toho, aby vytváralo konkurenciu.

Typografia

od 12 do 84px · 7 krokov

  • Switzer — náhrada: Inter (300 · obrysy 300, 400 · Systém s jedným písmom: hrúbka 300 pre všetky zobrazované prvky a nadpisy (12 – 84px), hrúbka 400 pre text, metadáta a ovládacie prvky používateľského rozhrania. Preferovanou možnosťou je použiť hrúbku 300 pri veľkostiach 64 – 84px – väčšina systémov tu používa tučné písmo s hrúbkou 700 – 800; svetlé písmo Switzer zachováva tenké čiary, čím vytvára dojem airbrushového písma na krémovom plátne. Menšie rozstupy písmen so zväčšujúcou sa veľkosťou (-0,04 em pri 84px, -0,018 em pri 14px) udržiavajú vnútorné priestory otvorené bez toho, aby vytvárali dojem riedkeho textu.

Intervaly a forma

ÚčelVýznam
Hustotapriemerný
Základný krok8px
Polomer tlačidla1440px
Polomer karty0px
Tienenie - okraje namiesto tieňov
Medzi sekciami64px

Umelá inteligencia vytvorí vašu webovú stránku v štýle Creative Giants a naplní ju

  • Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
  • Preneste obsah zo svojej starej stránky – stačí zadať adresu.
  • Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
  • Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.

Podobné štýly

  • ElevenLabs — Fotoesej v teplých krémových tónoch s jemnými nadpismi. Zápisník v štýle Bauhaus – papier farby vaječnej škrupiny, čierny atrament a jeden fialovo-oranžový akcent na vystavenie produktov.
  • monopo saigon — Tekutá, dúhová žiara za redakčným tichom – monochromatická redakčná galéria vznášajúca sa na roztavenom svetle
  • Awesomic — Redakčná zinková sieťovina s oranžovými interpunkčnými znamienkami pripomínajúcimi konfety
  • Monad — redakčný technický časopis na teplom pergamene
  • Dub — Ovládací panel z matného ryžového papiera Link
  • Seline Analytics — Tichý analytický stôl na teplom papieri
  • Notion — Teplý papierový zápisník na poludňajšom slnku
  • Hyer Aviation — Súmrak v kokpite nad pergamenom. Bledá úsvitná obloha sa stretáva s patkovým logom veľkosti trupu a jediný teplý hlinený akcent prelamuje monochromatickú zdržanlivosť.
  • Anthropic — Vedecký časopis z oblasti teplého pergamenu – pokojné slonovinové povrchy, pätkové úvodné nadpisy a jediný hlinený prízvuk, ktorý sa objavuje iba vtedy, keď je potrebná akcia.
  • Calendly — Tmavomodrý atrament na studenom mramore
  • Augen Pro — Biela prezentácia spoločnosti Apple sa vyznačuje klinickou, beztiažovou, elektrickou modrou ako jediným akcentom v monochromatickom priestore.
  • OFF+BRAND. — Dúhová guľa na teplom pergamene