Vivid+Co
prizmatična svjetlost kroz opsidijan
Vivid+Co djeluje u filmskoj, mračnoj praznini: gotovo crno platno boja #101010–#495764, prekinuto jednom, gotovo bijelom nijansom (#fffdf9) koja se koristi za gotovo sve fontove i elemente sučelja. Tipografija se prvenstveno prikazuje u Neue Montrealu s težinom od 400 - namjernim odbacivanjem podebljanog fonta, gdje se autoritet postiže skaliranjem (136px i 105px), a ne težinom. Prepoznatljiva tehnika je kromatska prizma: blokovi zasićenog crvenog/zelenog/plavog svjetla, odvojeni RGB-om, filtriraju se kroz staklene kocke, narušavajući monokromatsku površinu. Izgled je centriran i prostran; navigacija, tekst tijela i poveznice su u jednoj boji #fffdf9, bez zasebnih naglasnih gumba, ispuna ili sjena - diferencijacija se postiže razmakom, skaliranjem i artefaktom duge koji služi kao jedini naglasak u boji brenda.
Tamno platno pune širine s jednim stupcem sadržaja maksimalne veličine ~1440px. Primarni element je centriran prizmatični artefakt s preklapajućim naslovom (tekst koji siječe kocke) i podnaslovom poravnanim ulijevo. Navigacija se nalazi u tankoj gornjoj traci: logotip s lijeve strane, četiri nevidljive poveznice s desne strane i namjenski gumb "Kontakt" na kraju retka. Ritam odjeljka izmjenjuje se između glavnih ploča pune visine i užih traka sadržaja s razmacima od ~108px. Izgled sadržaja je asimetričan: prizmatični artefakt služi kao vizualno središte, a naslovi se omotavaju oko njega. Blokovi teksta s jednim stupcem imaju maksimalnu širinu od približno 440px; višestupne mreže, matrice kartica i tablice cijena su odsutne. Podnožje je tanka traka, podijeljena tankom linijom, s dva stupca metapodataka.
Glavni element dizajna je apstraktna 3D slika staklenih kocki s kromatskom aberacijom na rubovima, odvojena RGB bojom. Nema fotografija, nema slika ljudi, nema snimaka proizvoda. Prizma je slika brenda; sve ostalo je monokromatska tipografija na tamnom platnu. Ikonografija je minimalna: suptilne navigacijske oznake i mali naglasak kursora/glifa (područje 142765) na kraju jednog od naslova nagovještavaju jednu, monolinearnu ikonu od 16px. Nema ilustracija, nema ukrasnih uzoraka, nema tekstura.
Paleta
Neutralno
- Bone White
#fffdf9— Glavni tekst, navigacijske oznake, boja poveznica i ispuna naslova su gotovo bijele boje, zauzimajući sve tipografske površine na tamnom platnu. - Obsidian
#101010— Platno stranice, pozadina za ispunjavanje glavnih i razdjelnih pruga, je tamnocrne boje s prizmatičnim artefaktom unutra. - Graphite Veil
#495764— Iza naslova i blokova sadržaja dominira hladna, tamna boja koja platnu daje dubinu bez upotrebe ravne crne. - Ash Border
#403f3f— Suptilna razdjelna linija i obris kartice koriste se na 1px za odvajanje redaka bez natjecanja s tekstom. - Fog Blue
#6f879c— Prigušeni sekundarni tekst i suptilne oznake gumba (kontrast 3,7:1) – oznake kategorija usluga poput „Strategija“, „Kreativno“, „Komunikacije + Marketing“ doživljavaju se kao neistaknuti metapodaci. - Pure Black
#000000— Dekorativna ispuna za SVG ikone i ilustracije - koristi se u slici prizme i glifovima ikona; ne kao pozadina.
Tipografija
od 15 do 136px · 9 koraka
- Neue Montreal — zamjena: Söhne · obrisi 400, 700 · Ekskluzivni font koristi se u cijelom korisničkom sučelju - naslovima, tekstu teksta, navigaciji, gumbima, poveznicama i podnožju. Debljina 400 je zadana; debljina 700 rezervirana je samo za podnaslove. Naslovi s debljinom 105px i 136px imaju razmak između redaka od 1,00–1,01em i razmak između slova od -0,02em, stvarajući kinematografske, složene naslove koji djeluju više skulpturalno nego tipografski.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 7px |
| Radijus gumba | 0px |
| Radijus kartice | 15px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 108px |
| Širina stranice | 1440px |
Umjetna inteligencija će izraditi vašu web stranicu u Vivid+Co stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Sequel — Privatna projekcija nakon mraka jedino je toplo svjetlo u inače mračnom kinu.
- ThoughtLab — Spomenik od opsidijana s grimiznim signalom. Platno crne praznine, gdje je jedini zasićeni crveni objekt u katedrali, otisnut velikim bijelim slovima, jedna kromatska figura.
- Dovetail — Nacrt pod crnim mjesecom - jedva vidljive linije grafikona, bijeli font, jedna ljubičasta iskra
- MekaVerse — Monokromatska galerija digitalnih artefakata - čvrsta crna praznina gdje renderirani svijet visi poput muzejskog eksponata, a cijelo korisničko sučelje je bijela tinta na mat crnom staklu.
- Krea — galerija noir u ponoć
- Factory — Terminal "ratne sobe" u ponoć. "Tvornica" je potpuno crna kontrolna ploča na koju sleti jedna bijela kartica poput depeše osvijetljene baterijskom lampom - jedini predmet u sobi je sam rad.
- basement — Prazna tiskarska preša u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narančastog svjetla na navigacijskoj traci, sve ostalo bijelo ili sablasno sivo.
- Stink Studios — Filmski studio u ponoć - projektor zuji, soba je mračna, osvijetljen je samo film
- Apple (España) — crno kazalište s osvijetljenim elementima
- Charlie — Tipografija isklesana iz samostanskog kamena na opsidijanu. Portfolio u kojem jedan crveni zid stvara zaglušujuću tišinu.
- Rive — Visokoprecizni noćni vid. Sučelje ima posebnu leću koja prodire u tamu kako bi se fokusirala na tehničke detalje s apsolutnom jasnoćom.
- Datalands — Crna katedrala s jednim neonskim pulsom. Logo ispunjava lađu; sve ostalo je jedva čujan tekst ispod.