Vivid+Co
prizmatična svjetlost kroz opsidijan
Vivid+Co djeluje u filmskoj, mračnoj praznini: gotovo crno platno #101010–#495764, prekinuto jednom, gotovo bijelom nijansom (#fffdf9) koja se koristi za gotovo sve fontove i elemente interfejsa. 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 hromatska prizma: blokovi zasićene crvene/zelene/plave svjetlosti, odvojeni RGB-om, filtriraju se kroz staklene kocke, narušavajući monokromatsku površinu. Raspored je centriran i prostran; navigacija, tekst tijela i linkovi su u jednoj #fffdf9 boji, bez zasebnih akcentnih dugmadi, ispuna ili sjena - diferencijacija se postiže razmakom, skaliranjem i artefaktom duge koji služi kao jedini kolorni akcenat brenda.
Tamno platno pune širine s jednom kolonom sadržaja maksimalne veličine ~1440px. Primarni element je centriran prizmatični artefakt s preklapajućim naslovom (tekst koji siječe kocke) i podnaslovom poravnatim lijevo. Navigacija se nalazi u tankoj gornjoj traci: logo s lijeve strane, četiri nevidljive veze s desne strane i namjensko dugme "Kontakt" na kraju reda. Ritam odjeljka naizmjenično se kreće između glavnih panela pune visine i užih traka sadržaja s razmacima od ~108px. Raspored sadržaja je asimetričan: prizmatični artefakt služi kao vizualni centar, a naslovi se omotavaju oko njega. Blokovi teksta s jednom kolonom imaju maksimalnu širinu od približno 440px; višekolumne mreže, matrice kartica i cjenovnike su odsutne. Podnožje je tanka traka, podijeljena tankom linijom, s dvije kolone metapodataka.
Glavni element dizajna je apstraktna 3D slika staklenih kocki s hromatskom aberacijom na rubovima, odvojena RGB bojom. Nema fotografija, nema slika ljudi, nema snimaka proizvoda. Prizma je slika brenda; sve ostalo je monohromatska tipografija na tamnom platnu. Ikonografija je minimalna: suptilne navigacijske oznake i mali akcenat kursora/glifa (područje 142765) na kraju jednog od naslova nagovještavaju jednu, monolinearnu ikonu od 16px. Nema ilustracija, nema dekorativnih uzoraka, nema tekstura.
Paleta
Neutralno
- Bone White
#fffdf9— Glavni tekst, oznake navigacije, boja linkova 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 tamno crne 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 linija razdvajanja i obris kartice koriste se na 1px za odvajanje redova bez sukobljavanja s tekstom. - Fog Blue
#6f879c— Prigušen sekundarni tekst i suptilne oznake dugmadi (kontrast 3,7:1) – oznake kategorija usluga kao što su „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 se koristi u cijelom korisničkom interfejsu – naslovima, tekstu teksta, navigaciji, dugmadima, linkovima i podnožju. Debljina fonta 400 je zadana vrijednost; debljina fonta 700 je rezervirana samo za podnaslove. Naslovi s debljinom fonta 105px i 136px imaju prored između redova od 1,00–1,01em i prored između slova od -0,02em, stvarajući kinematografske, naslagane naslove koji djeluju više skulpturalno nego tipografski.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 7px |
| Radijus dugmeta | 0px |
| Radijus kartice | 15px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 108px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Vivid+Co stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Sequel — Privatna projekcija nakon mraka je jedino 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 hromatska figura.
- Dovetail — Nacrt pod crnim mjesecom - jedva vidljive linije grafikona, bijeli font, jedna ljubičasta iskra
- MekaVerse — Monohromatska galerija digitalnih artefakata - čvrsta crna praznina gdje renderirani svijet visi poput muzejskog eksponata, a cijeli korisnički interfejs je bijela tinta na mat crnom staklu.
- Krea — galerija noir u ponoć
- Factory — Terminal "ratne sobe" u ponoć. "Fabrika" je potpuno crna kontrolna ploča gdje jedna bijela kartica sleti poput depeše osvijetljene baterijskom lampom - jedini predmet u sobi je sam rad.
- basement — Prazna štamparija u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narandž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 pozorište sa osvetljenim elementima
- Charlie — Tipografija isklesana od manastirskog kamena na opsidijanu. Portfolio u kojem jedan crveni zid stvara zaglušujuću tišinu.
- Rive — Visokoprecizni noćni vid. Interfejs ima specijalno sočivo koje prodire kroz tamu kako bi se fokusiralo na tehničke detalje sa apsolutnom jasnoćom.
- Datalands — Crna katedrala s jednim neonskim pulsom. Logo ispunjava lađu; sve ostalo je jedva čujan tekst ispod.