Vivid+Co
prizmatické svetlo cez obsidián
Vivid+Co pôsobí vo filmovej, tmavej prázdnote: takmer čierne plátno s farbami #101010–#495764, prerušované jediným, takmer bielym odtieňom (#fffdf9) použitým takmer pre všetky písma a prvky rozhrania. Typografia je primárne vykresľovaná v Neue Montreal s hmotnosťou 400 – zámerným odmietnutím tučného písma, kde sa autorita dosahuje skôr mierkou (136px a 105px) než hmotnosťou. Charakteristickou technikou je chromatický hranol: bloky sýteho červeného/zeleného/modrého svetla, oddelené RGB, filtrujú cez sklenené kocky a narúšajú monochromatický povrch. Rozloženie je vycentrované a priestranné; navigácia, text a odkazy sú v jednej farbe #fffdf9, bez samostatných akcentových tlačidiel, výplní alebo tieňov – odlíšenie sa dosahuje rozstupmi, mierkou a dúhovým artefaktom, ktorý slúži ako jediný farebný akcent značky.
Tmavé plátno na celú šírku s jedným stĺpcom obsahu s maximálnymi rozmermi ~1440px. Primárnym prvkom je centrovaný prizmatický artefakt s prekrývajúcim sa názvom (text pretínajúci kocky) a podnadpisom zarovnaným vľavo. Navigácia sa nachádza v tenkom hornom paneli: logo vľavo, štyri neviditeľné odkazy vpravo a samostatné tlačidlo „Kontakt“ na konci riadku. Rytmus sekcií sa strieda medzi panelmi hrdinov na celú výšku a užšími pásmi obsahu s medzerami ~108px. Rozloženie obsahu je asymetrické: prizmatický artefakt slúži ako vizuálny stred a názvy ho obtáčajú. Jednostĺpcové textové bloky majú maximálnu šírku približne 440px; chýbajú viacstĺpcové mriežky, matice kariet a cenové tabuľky. Päta je tenký pás, rozdelený tenkou čiarou, s dvoma stĺpcami metadát.
Hlavným dizajnovým prvkom je abstraktný 3D obraz sklenených kociek s chromatickou aberáciou na okrajoch, oddelených farbou RGB. Žiadne fotografie, žiadne obrázky ľudí, žiadne zábery produktov. Hranol je imidž značky; všetko ostatné je monochromatická typografia na tmavom plátne. Ikonografia je minimálna: jemné navigačné popisky a malý kurzor/glyfový akcent (oblasť 142765) na konci jedného z nadpisov naznačujú jednu, monolineárnu 16px ikonu. Žiadne ilustrácie, žiadne dekoratívne vzory, žiadne textúry.
Paleta
Neutrálny
- Bone White
#fffdf9— Hlavný text, navigačné popisky, farba odkazov a výplň nadpisov sú takmer biele a zaberajú všetky typografické plochy na tmavom plátne. - Obsidian
#101010— Plátno stránky, pozadie výplne pre hlavné a deliace pruhy, je tmavo čiernej farby s prizmatickým artefaktom vo vnútri. - Graphite Veil
#495764— Za nadpismi a blokmi obsahu dominuje chladná, tmavá bridlica, ktorá dodáva plátnu hĺbku bez použitia matnej čiernej. - Ash Border
#403f3f— Na oddelenie riadkov bez toho, aby kontrastovali s textom, sa používa jemná deliaca čiara a obrys karty s rozmermi 1px. - Fog Blue
#6f879c— Tlmený sekundárny text a nenápadné označenia tlačidiel (kontrast 3,7:1) – označenia kategórií služieb ako „Stratégia“, „Kreatíva“, „Komunikácia + marketing“ sú vnímané ako nezvýraznené metadáta. - Pure Black
#000000— Dekoratívna výplň pre ikony a ilustrácie SVG – používa sa v obrázku hranola a glyfoch ikon; nie ako pozadie.
Typografia
od 15 do 136px · 9 krokov
- Neue Montreal — náhrada: Söhne · obrysy 400, 700 · Toto exkluzívne písmo sa používa v celom používateľskom rozhraní – nadpisoch, texte, navigácii, tlačidlách, odkazoch a päte. Predvolená hrúbka je 400; hrúbka 700 je vyhradená iba pre podnadpisy. Nadpisy s hrúbkou 105px a 136px majú riadkovanie 1,00 – 1,01 em a rozstup písmen -0,02 em, čím vytvárajú filmové, viacvrstvové nadpisy, ktoré pôsobia skôr sochársky ako typograficky.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 7px |
| Polomer tlačidla | 0px |
| Polomer karty | 15px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 108px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Vivid+Co 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
- Sequel — Súkromné premietanie po zotmení je jediným teplým svetlom v inak tmavom kine.
- ThoughtLab — Obsidiánový monument s karmínovočerveným signálom. Plátno čiernej prázdnoty, kde jediným sýtym červeným objektom v katedrále, vytlačeným veľkými bielymi písmenami, je jedna chromatická postava.
- Dovetail — Plán pod čiernym mesiacom - sotva viditeľné čiary grafu, biele písmo, jedna fialová iskra
- MekaVerse — Monochromatická galéria digitálnych artefaktov – súvislá čierna prázdnota, kde vykreslený svet visí ako múzejný exponát a celé používateľské rozhranie je napísané bielym atramentom na matnom čiernom skle.
- Krea — galéria noir o polnoci
- Factory — Terminál „vojenskej miestnosti“ o polnoci. „Továreň“ je strohý čierny ovládací panel, kde pristane jediná biela karta ako rozoslanie osvetlené baterkou – jediným predmetom v miestnosti je samotné dielo.
- basement — Prázdny tlačiarenský stroj o 3:00 ráno – obrovské, stlačené písma rozprestierajúce sa v úplnej tme, jediný záblesk oranžového svetla na navigačnom paneli, všetko ostatné biele alebo strašidelne sivé.
- Stink Studios — Filmové štúdio o polnoci - projektor hučí, miestnosť je tmavá, svieti iba film
- Apple (España) — čierne divadlo s osvetlenými prvkami
- Charlie — Typografia vytesaná z kláštorného kameňa na obsidiáne. Portfólio, v ktorom jediná červená stena vytvára ohlušujúce ticho.
- Rive — Vysoko presné nočné videnie. Rozhranie je vybavené špeciálnym objektívom, ktorý preniká tmou a zaostruje na technické detaily s absolútnou jasnosťou.
- Datalands — Čierna katedrála s jediným neónovým pulzom. Logo vypĺňa loď; všetko ostatné je sotva počuteľný text pod ním.