Vivid+Co
prismavalgus läbi obsidiaani
Vivid+Co tegutseb kinemaatilises, tumedas tühjuses: peaaegu must lõuend värvitoonidega #101010–#495764, mida katkestab üks peaaegu valge toon (#fffdf9), mida kasutatakse peaaegu kõigi kirjatüüpide ja liideseelementide puhul. Tüpograafia on Neue Montrealis peamiselt 400-protsendilise kaaluga – see on tahtlik tagasilükkamine paksust kirjast, kus autoriteet saavutatakse pigem skaala (136 pikslit ja 105 pikslit) kui kaalu abil. Funktsionaalne tehnika on kromaatiline prisma: küllastunud punase/rohelise/sinise valguse plokid, mis on eraldatud RGB-ga, filtreeruvad läbi klaaskuubikute, lõhudes monokroomset pinda. Paigutus on tsentreeritud ja avar; navigeerimine, põhitekst ja lingid on kõik ühes #fffdf9 värvitoonis, ilma eraldi aktsentnuppude, täitematerjalide või varjudeta – eristamine saavutatakse reavahede, skaala ja vikerkaareartefakti abil, mis toimib brändi ainsa värviaktsendina.
Tume, täislaiuses lõuend ühe sisuveeruga, mille maksimaalne laius on ~1440 pikslit. Peamine element on tsentreeritud prismaga artefakt kattuva pealkirjaga (kuubikuid lõikuv tekst) ja vasakule joondatud alapealkirjaga. Navigeerimine asub õhukeses ülemises ribas: logo vasakul, neli nähtamatut linki paremal ja rea lõpus spetsiaalne nupp "Kontakt". Sektsiooni rütm vaheldub täiskõrguste kangelaspaneelide ja kitsamate sisuribade vahel, mille vahed on ~108 pikslit. Sisu paigutus on asümmeetriline: prismaga artefakt toimib visuaalse keskpunktina ja pealkirjad ümbritsevad seda. Üheveeruliste tekstiplokkide maksimaalne laius on umbes 440 pikslit; mitmeveerulised ruudustikud, kaardimaatriksid ja hinnakirja tabelid puuduvad. Jalus on õhuke riba, mis on eraldatud õhukese joonega ja millel on kaks metaandmete veergu.
Peamine disainielement on abstraktne 3D-kujutis klaaskuubikutest, mille servades on kromaatiline aberratsioon ja mida eraldab RGB-värv. Puuduvad fotod, inimeste pildid või tootefotod. Prisma on brändi kuvand; kõik muu on mustvalge tüpograafia tumedal lõuendil. Ikonograafia on minimaalne: peened navigeerimissildid ja väike kursori/glüüfi aktsent (ala 142765) ühe pealkirja lõpus vihjavad ühele monolineaarsele 16-pikslisele ikoonile. Puuduvad illustratsioonid, dekoratiivsed mustrid või tekstuurid.
Palett
Neutraalne
- Bone White
#fffdf9— Põhitekst, navigeerimissildid, linkide värv ja pealkirjade täide on kõik peaaegu valged, hõlmates kõiki tüpograafilisi pindu tumedal lõuendil. - Obsidian
#101010— Lehekülje lõuend, põhi- ja eraldusribade taustatäide, on sügavmust ja selle sees on prismaga artefakt. - Graphite Veil
#495764— Pealkirjade ja sisuplokkide taga domineerib jahe, tume kiltkivi, mis annab lõuendile sügavust ilma mati musta kasutamata. - Ash Border
#403f3f— Ridade eraldamiseks tekstiga konkureerimata on kasutatud peent eraldusjoont ja kaardi kontuure 1px juures. - Fog Blue
#6f879c— Sujuv teisejärguline tekst ja peened nuppude sildid (kontrast 3,7:1) – teenusekategooriate tähistusi, näiteks „Strateegia”, „Looming”, „Kommunikatsioon + turundus”, tajutakse esiletõstmata metaandmetena. - Pure Black
#000000— Dekoratiivne täide SVG ikoonidele ja illustratsioonidele – kasutatakse prismapildil ja ikooniglüüfidel; mitte taustana.
Tüpograafia
15-st 136 pikslini · 9 sammu
- Neue Montreal — asendamine: Söhne · kontuurid 400, 700 · Eksklusiivset fonti kasutatakse kogu kasutajaliideses – pealkirjades, põhitekstis, navigeerimisel, nuppudel, linkidel ja jaluses. Vaikimisi on font paksusega 400; 700 on reserveeritud ainult alapealkirjadele. Pealkirjade puhul, mille paksus on 105 ja 136 pikslit, on reavahe 1,00–1,01em ja tähevahe -0,02em, luues kinematograafilisi, virnastatud pealkirju, mis tunduvad pigem skulpturaalsed kui tüpograafilised.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 7px |
| Nupu raadius | 0px |
| Kaardi raadius | 15px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 108px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Vivid+Co stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Sequel — Privaatne seanss pärast pimedat on ainus soe valgus muidu pimedas kinos.
- ThoughtLab — Karmiinpunase signaaliga obsidiaanist monument. Musta tühjuse lõuend, kus katedraali ainus küllastunud punane objekt, trükitud suurte valgete tähtedega, on üksainus kromaatiline kujund.
- Dovetail — Musta kuu all olev plaan – vaevu nähtavad graafikujooned, valge font, üks lilla sädelus
- MekaVerse — Digitaalsete artefaktide monokroomne galerii – läbipaistev must tühjus, kus renderdatud maailm ripub nagu muuseumieksponaat ja kogu kasutajaliides on valge tint mattmustal klaasil.
- Krea — galerii noir keskööl
- Factory — „Sõjaruumi” terminal keskööl. „Tehas” on karmmust juhtpaneel, kuhu maandub üks valge kaart nagu taskulambiga valgustatud teade – ainus objekt ruumis on töö ise.
- basement — Tühi trükipress kell 3 öösel – tohutud, tihendatud fondid laiali pilluvad kottpimedas, navigeerimisribal on üksainus oranž valgusekuma, kõik muu valge või kummituslikult hall.
- Stink Studios — Filmistuudio keskööl - projektor sumiseb, tuba on pime, ainult film põleb
- Apple (España) — must teater valgustatud sisustusega
- Charlie — Kloostrikivist obsidiaanile raiutud tüpograafia. Portfell, milles üksainus punane sein loob kõrvulukustava vaikuse.
- Rive — Ülitäpne öönägemine. Liidesel on spetsiaalne lääts, mis tungib läbi pimeduse, et teravustada tehnilistele detailidele absoluutse selgusega.
- Datalands — Must katedraal üheainsa neoonlöökidega. Logo täidab kogu löövi; kõik muu on vaevu kuuldav tekst selle all.