Vivid+Co
prizminė šviesa per obsidianą
„Vivid+Co“ veikia kinematografinėje, tamsioje tuštumoje: beveik juodoje drobėje su #101010–#495764, kurią pertraukia vienas beveik baltas atspalvis (#fffdf9), naudojamas beveik visiems šriftams ir sąsajos elementams. Tipografija daugiausia perteikiama „Neue Montreal“ stiliumi, naudojant 400 taškų storį – tai sąmoningas paryškinimo atsisakymas, kur autoritetas pasiekiamas masteliu (136 pikseliai ir 105 pikseliai), o ne storiu. Firminė technika yra chromatinė prizmė: sodrios raudonos / žalios / mėlynos šviesos blokai, atskirti RGB spalvomis, filtruojami pro stiklo kubus, sutrikdydami monochrominį paviršių. Išdėstymas yra centruotas ir erdvus; navigacija, tekstas ir nuorodos yra vienos #fffdf9 spalvos, be atskirų akcento mygtukų, užpildų ar šešėlių – diferenciacija pasiekiama tarpais, masteliu ir vaivorykštės artefaktu, kuris yra vienintelis prekės ženklo spalvų akcentas.
Tamsi, viso pločio drobė su vienu turinio stulpeliu, kurio maksimalus dydis yra apie 1440 pikselių. Pagrindinis elementas yra centre esantis prizminis artefaktas su persidengiančiu pavadinimu (tekstas, kertantis kubus) ir kairėje lygiuotu paantrašte. Navigacija yra plonoje viršutinėje juostoje: logotipas kairėje, keturios nematomos nuorodos dešinėje ir specialus mygtukas „Susisiekite“ eilutės gale. Skyriaus ritmas kaitaliojasi tarp viso aukščio pagrindinių skydelių ir siauresnių turinio juostelių su maždaug 108 pikselių tarpais. Turinio išdėstymas yra asimetriškas: prizminis artefaktas yra vizualinis centras, o pavadinimai apgaubia jį. Vieno stulpelio teksto blokų maksimalus plotis yra maždaug 440 pikselių; nėra kelių stulpelių tinklelių, kortelių matricų ir kainų lentelių. Poraštė yra plona juostelė, padalyta plona linija, su dviem metaduomenų stulpeliais.
Pagrindinis dizaino elementas – abstraktus 3D stiklinių kubelių vaizdas su chromatine aberacija kraštuose, atskirtas RGB spalvomis. Jokių nuotraukų, jokių žmonių atvaizdų, jokių produktų kadrų. Prizmė yra prekės ženklo įvaizdis; visa kita – vienspalvė tipografija ant tamsios drobės. Ikonografija minimali: subtilios naršymo etiketės ir mažas žymeklio/glifo akcentas (sritis 142765) vienos iš antraščių pabaigoje užsimena apie vieną, monolinijinę 16 pikselių piktogramą. Jokių iliustracijų, jokių dekoratyvinių raštų, jokių tekstūrų.
Paletė
Neutralus
- Bone White
#fffdf9— Pagrindinis tekstas, naršymo etiketės, nuorodų spalva ir antraštės užpildymas yra beveik balti ir užima visus tipografinius paviršius ant tamsios drobės. - Obsidian
#101010— Puslapio drobė, pagrindinių ir skiriamųjų juostų fonas, yra sodriai juoda spalva su prizminiu artefaktu viduje. - Graphite Veil
#495764— Už antraščių ir turinio blokų dominuoja vėsi, tamsi skalūno spalva, suteikianti drobei gylio nenaudojant juodos spalvos. - Ash Border
#403f3f— Subtilus skiriamasis skyriklis ir kortelės kontūras naudojami 1 pikselio aukštyje, kad atskirtų eilutes, nekonkuruojant su tekstu. - Fog Blue
#6f879c— Subtilus antrinis tekstas ir subtilūs mygtukų pavadinimai (3,7:1 kontrastas) – paslaugų kategorijų pavadinimai, tokie kaip „Strategija“, „Kūryba“, „Komunikacija + rinkodara“, suvokiami kaip neryškinti metaduomenys. - Pure Black
#000000— Dekoratyvinis SVG piktogramų ir iliustracijų užpildas – naudojamas prizmės paveikslėlyje ir piktogramų glifuose; ne fonas.
Tipografija
nuo 15 iki 136 pikselių · 9 žingsniai
- Neue Montreal — pakeitimas: Söhne · kontūrai 400, 700 · Išskirtinis šriftas naudojamas visoje vartotojo sąsajoje – antraštėse, tekste, naršymo juostoje, mygtukuose, nuorodose ir poraštėje. Numatytasis šrifto storis yra 400; 700 storis skirtas tik paantraštėms. Antraščių, kurių storis yra 105 ir 136 pikselių, eilučių tarpas yra 1,00–1,01 em, o raidžių tarpas – -0,02 em, todėl sukuriamos kinematografiškos, sudėtinės antraštės, kurios atrodo labiau skulptūriškos nei tipografinės.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 7px |
| Mygtuko spindulys | 0px |
| Kortelės spindulys | 15px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 108px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Vivid+Co stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Sequel — Privatus seansas po sutemų yra vienintelė šilta šviesa kitaip tamsiame kino teatre.
- ThoughtLab — Obsidiano paminklas su tamsiai raudonu signalu. Juodos tuštumos drobė, kur vienintelis sodriai raudonas objektas katedroje, atspausdintas didelėmis baltomis raidėmis, yra viena chromatinė figūra.
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis
- MekaVerse — Monochrominė skaitmeninių artefaktų galerija – vientisa juoda tuštuma, kurioje perteiktas pasaulis kabo lyg muziejaus eksponatas, o visa vartotojo sąsaja – baltas rašalas ant matinio juodo stiklo.
- Krea — galerija noir vidurnaktį
- Factory — „Karo kambario“ terminalas vidurnaktį. „Gamykla“ – tai atšiauriai juodas valdymo skydelis, ant kurio nukrenta viena balta kortelė tarsi žibintuvėlio apšviesta žinutė – vienintelis objektas kambaryje yra pats darbas.
- basement — Tuščia spaustuvė 3 val. nakties – didžiuliai, suspausti šriftai, besidriekiantys aklinoje juodumoje, vienas oranžinės šviesos blyksnis naršymo juostoje, visa kita balta arba vaiduokliškai pilka.
- Stink Studios — Kino studija vidurnaktį – projektorius dūzgia, kambarys tamsus, šviečia tik filmas
- Apple (España) — juodas teatras su apšviestomis detalėmis
- Charlie — Iš vienuolyno akmens ant obsidiano iškalta tipografija. Portfelis, kuriame viena raudona siena sukuria kurtinantį tylos vaizdą.
- Rive — Didelio tikslumo naktinis matymas. Sąsaja turi specialų lęšį, kuris prasiskverbia pro tamsą ir leidžia absoliučiai aiškiai matyti technines detales.
- Datalands — Juoda katedra su vienu neoniniu pulsavimu. Logotipas užpildo navą; visa kita – vos girdimas tekstas apačioje.