Vivid+Co
hranolové světlo skrz obsidián
Vivid+Co působí v kinematografické, temné prázdnotě: téměř černé plátno s barvami #101010–#495764, přerušované jediným, téměř bílým odstínem (#fffdf9) použitým pro téměř všechna písma a prvky rozhraní. Typografie je primárně vykreslena v Neue Montreal s gramáží 400 – záměrné odmítnutí tučného písma, kde je autority dosaženo měřítkem (136px a 105px) spíše než gramáží. Charakteristickou technikou je chromatický hranol: bloky sytého červeného/zeleného/modrého světla, oddělené RGB, filtrují skleněné kostky a narušují monochromatický povrch. Rozvržení je vycentrované a prostorné; navigace, text textu a odkazy jsou v jedné barvě #fffdf9, bez samostatných akcentních tlačítek, výplní nebo stínů – odlišení je dosaženo mezerami, měřítkem a duhovým artefaktem, který slouží jako jediný barevný akcent značky.
Tmavé plátno o plné šířce s jedním sloupcem obsahu o maximální velikosti ~1440px. Primárním prvkem je centrovaný hranolový artefakt s překrývajícím se nadpisem (text protínající krychle) a podnadpisem zarovnaným vlevo. Navigace se nachází v tenkém horním panelu: logo vlevo, čtyři neviditelné odkazy vpravo a speciální tlačítko „Kontakt“ na konci řádku. Rytmus sekcí se střídá mezi herními panely o plné výšce a užšími obsahovými pásy s mezerami ~108px. Rozvržení obsahu je asymetrické: hranolový artefakt slouží jako vizuální střed a nadpisy se kolem něj obtáčejí. Jednosloupcové textové bloky mají maximální šířku přibližně 440px; vícesloupcové mřížky, matice karet a ceníky chybí. Zápatí je tenký pás, rozdělený tenkou čarou, se dvěma sloupci metadat.
Hlavním designovým prvkem je abstraktní 3D obraz skleněných krychlí s chromatickou aberací na okrajích, oddělených barvami RGB. Žádné fotografie, žádné obrázky lidí, žádné snímky produktů. Hranol je image značky; vše ostatní je monochromatická typografie na tmavém plátně. Ikonografie je minimální: jemné navigační popisky a malý kurzor/glyfový akcent (oblast 142765) na konci jednoho z nadpisů naznačují jedinou, monolineární ikonu o velikosti 16px. Žádné ilustrace, žádné dekorativní vzory, žádné textury.
Paleta
Neutrální
- Bone White
#fffdf9— Hlavní text, navigační popisky, barva odkazů a výplň nadpisů jsou téměř bílé a zabírají všechny typografické plochy na tmavém plátně. - Obsidian
#101010— Plátno stránky, výplň pozadí pro hlavní a dělicí pruhy, je tmavě černé barvy s prizmatickým artefaktem uvnitř. - Graphite Veil
#495764— Za nadpisy a obsahovými bloky dominuje chladná, tmavá břidlicová barva, která plátnu dodává hloubku bez použití matné černé. - Ash Border
#403f3f— Jemná dělicí čára a obrys karty se používají o tloušťce 1px k oddělení řádků, aniž by kolidovaly s textem. - Fog Blue
#6f879c— Tlumený sekundární text a nenápadné popisky tlačítek (kontrast 3,7:1) – označení kategorií služeb, jako například „Strategie“, „Kreativa“, „Komunikace + marketing“, jsou vnímána jako nezvýrazněná metadata. - Pure Black
#000000— Dekorativní výplň pro ikony a ilustrace ve formátu SVG – používá se v hranolovém obrázku a glyfech ikon; nikoli jako pozadí.
Typografie
od 15 do 136 pixelů · 9 kroků
- Neue Montreal — nahrazení: Söhne · obrysy 400, 700 · Toto výhradní písmo se používá v celém uživatelském rozhraní – v nadpisech, textu textu, navigaci, tlačítkách, odkazech a zápatí. Výchozí je tloušťka 400; tloušťka 700 je vyhrazena pouze pro podnadpisy. Nadpisy s tloušťkou 105px a 136px mají řádkování 1,00–1,01 em a rozteč písmen -0,02 em, což vytváří filmové, vrstveně laděné nadpisy, které působí spíše sochařsky než typograficky.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 7px |
| Poloměr tlačítka | 0px |
| Poloměr karty | 15px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 108px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Vivid+Co 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
- Sequel — Soukromé promítání po setmění je jediným teplým světlem v jinak tmavém kině.
- ThoughtLab — Obsidiánový monument s karmínovým signálem. Plátno černé prázdnoty, kde jediným sytě červeným objektem v katedrále, vytištěným velkými bílými písmeny, je jediná chromatická postava.
- Dovetail — Plán pod černým měsícem – sotva viditelné čáry grafu, bílé písmo, jedna fialová jiskra
- MekaVerse — Monochromatická galerie digitálních artefaktů – souvislá černá prázdnota, kde vykreslený svět visí jako muzejní exponát a celé uživatelské rozhraní je napsáno bílým inkoustem na matném černém skle.
- Krea — galerie noir o půlnoci
- Factory — Terminál „válečné místnosti“ o půlnoci. „Továrna“ je ostře černý ovládací panel, kde přistane jediná bílá karta jako zpráva osvětlená baterkou – jediným předmětem v místnosti je samotné dílo.
- basement — Prázdný tiskařský lis ve 3 hodiny ráno – obrovské, stlačené fonty rozprostírají se v černočerné tmě, jediný záblesk oranžového světla na navigační liště, všechno ostatní bílé nebo přízračně šedé.
- Stink Studios — Filmové studio o půlnoci - projektor hučí, místnost je tmavá, osvětlený je jen film
- Apple (España) — černé divadlo s osvětlenými prvky
- Charlie — Typografie vytesaná z klášterního kamene na obsidián. Portfolio, ve kterém jediná červená stěna vytváří ohlušující ticho.
- Rive — Vysoce přesné noční vidění. Rozhraní je vybaveno speciální čočkou, která proniká tmou a zaostřuje na technické detaily s absolutní jasností.
- Datalands — Černá katedrála s jediným neonovým pulsem. Logo vyplňuje loď; všechno ostatní je sotva slyšitelný text pod ním.