Vivid+Co
prizmatična svetloba skozi obsidian
Vivid+Co deluje v kinematografski, temni praznini: skoraj črno platno #101010–#495764, ki ga prekinja en sam, skoraj bel odtenek (#fffdf9), ki se uporablja za skoraj vse pisave in elemente vmesnika. Tipografija je v Neue Montrealu upodobljena predvsem s težo 400 – kar je namerna zavrnitev krepke pisave, kjer se avtoriteta doseže z merilom (136px in 105px) in ne s težo. Značilna tehnika je kromatska prizma: bloki nasičene rdeče/zelene/modre svetlobe, ločeni z RGB, se filtrirajo skozi steklene kocke in motijo enobarvno površino. Postavitev je centrirana in prostorna; navigacija, besedilo telesa in povezave so v eni sami barvi #fffdf9, brez ločenih poudarjenih gumbov, polnil ali senc – diferenciacija je dosežena s presledki, merilom in mavričnim artefaktom, ki služi kot edini barvni poudarek blagovne znamke.
Temno platno polne širine z enim stolpcem vsebine, ki meri največ ~1440px. Primarni element je centriran prizmatični artefakt s prekrivajočim se naslovom (besedilo, ki seka kocke) in levo poravnanim podnaslovom. Navigacija se nahaja v tanki zgornji vrstici: logotip na levi, štiri nevidne povezave na desni in namenski gumb»Kontakt« na koncu vrstice. Ritem razdelkov se izmenjuje med glavnimi ploščami polne višine in ožjimi trakovi vsebine s ~108px vrzeli. Postavitev vsebine je asimetrična: prizmatični artefakt služi kot vizualno središče, naslovi pa se ovijajo okoli njega. Besedilni bloki z enim stolpcem imajo največjo širino približno 440px; mreže z več stolpci, matrike kartic in cenovne tabele niso na voljo. Noga je tanek trak, razdeljen s tanko črto, z dvema stolpcema metapodatkov.
Glavni oblikovni element je abstraktna 3D-slika steklenih kock s kromatično aberacijo na robovih, ločenih z barvo RGB. Brez fotografij, brez slik ljudi, brez posnetkov izdelkov. Prizma je podoba blagovne znamke; vse ostalo je enobarvna tipografija na temnem platnu. Ikonografija je minimalna: subtilne navigacijske oznake in majhen kurzor/glifni poudarek (območje 142765) na koncu enega od naslovov namigujejo na eno samo, monolinearno ikono velikosti 16px. Brez ilustracij, brez okrasnih vzorcev, brez tekstur.
Paleta
Nevtralno
- Bone White
#fffdf9— Glavno besedilo, navigacijske oznake, barva povezav in polnilo naslovov so skoraj beli in zasedajo vse tipografske površine na temnem platnu. - Obsidian
#101010— Platno strani, ozadje za glavne in ločilne črte, je temno črne barve s prizmatičnim artefaktom v notranjosti. - Graphite Veil
#495764— Za naslovi in vsebinskimi bloki prevladuje hladna, temna skrilavka, ki daje platnu globino brez uporabe mat črne barve. - Ash Border
#403f3f— Za ločevanje vrstic, ne da bi pri tem tekmovale z besedilom, se uporabljata subtilna ločilna črta in obris kartice v širini 1 slikovne pike. - Fog Blue
#6f879c— Umirjeno sekundarno besedilo in subtilne oznake gumbov (kontrast 3,7:1) – oznake kategorij storitev, kot so»Strategija«,»Kreativno«,»Komunikacije + trženje«, se zaznavajo kot neoznačeni metapodatki. - Pure Black
#000000— Dekorativno polnilo za ikone in ilustracije SVG – uporablja se v sliki prizme in glifih ikon; ne ozadje.
Tipografija
od 15 do 136 slikovnih pik · 9 korakov
- Neue Montreal — zamenjava: Söhne · obrisi 400, 700 · Izključna pisava se uporablja v celotnem uporabniškem vmesniku – naslovih, telesu besedila, navigaciji, gumbih, povezavah in nogi. Privzeta debelina je 400; debelina 700 je rezervirana samo za podnaslove. Naslovi s debelino 105px in 136px imajo razmik med vrsticami 1,00–1,01em in razmik med črkami -0,02em, kar ustvarja kinematografske, naložene naslove, ki delujejo bolj kiparsko kot tipografsko.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | prostoren |
| Osnovni korak | 7px |
| Polmer gumba | 0px |
| Polmer kartice | 15px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 108px |
| Širina strani | 1440px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Vivid+Co in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Sequel — Zasebna projekcija po temi je edina topla svetloba v sicer temnem kinu.
- ThoughtLab — Obsidianov spomenik s škrlatnim signalom. Platno črne praznine, kjer je edini nasičen rdeč predmet v katedrali, natisnjen z velikimi belimi črkami, ena sama kromatska figura.
- Dovetail — Načrt pod črno luno – komaj vidne črte grafa, bela pisava, ena vijolična iskra
- MekaVerse — Enobarvna galerija digitalnih artefaktov – trdna črna praznina, kjer upodobljeni svet visi kot muzejski eksponat, celoten uporabniški vmesnik pa je belo črnilo na mat črnem steklu.
- Krea — galerija noir ob polnoči
- Factory — Terminal "vojne sobe" ob polnoči. "Tovarna" je črna nadzorna plošča, kjer pristane ena sama bela kartica kot s svetilko osvetljeno sporočilo – edini predmet v sobi je delo samo.
- basement — Prazen tiskarski stroj ob 3. uri zjutraj – ogromne, stisnjene pisave, ki se razprostirajo po smolni črnini, en sam blisk oranžne luči na navigacijski vrstici, vse ostalo belo ali duhovno sivo.
- Stink Studios — Filmski studio opolnoči - projektor brni, soba je temna, osvetljen je le film
- Apple (España) — črno gledališče z osvetljenimi elementi
- Charlie — Tipografija, izklesana iz samostanskega kamna na obsidian. Portfolio, v katerem ena sama rdeča stena ustvarja oglušujočo tišino.
- Rive — Visoko natančen nočni vid. Vmesnik ima posebno lečo, ki prodira skozi temo in omogoča popolno jasnost pri osredotočanju na tehnične podrobnosti.
- Datalands — Črna katedrala z enim samim neonskim utripom. Logotip zapolnjuje ladjo; vse ostalo je komaj slišno besedilo pod njim.