Vivid+Co
prismavalo obsidiaanin läpi
Vivid+Co toimii elokuvamaisessa, pimeässä tyhjiössä: lähes mustassa kankaassa, jonka värit ovat #101010–#495764 ja jonka keskeyttää lähes kaikki kirjasintyypit ja käyttöliittymäelementit lähes valkoisella sävyllä (#fffdf9). Typografia on pääasiassa tehty Neue Montrealissa 400-painotteisesti – lihavoinnin tarkoituksellinen hylkääminen, jossa auktoriteetti saavutetaan skaalauksella (136 pikseliä ja 105 pikseliä) eikä painolla. Tyypillinen tekniikka on kromaattinen prisma: RGB-väreillä erotetut kylläisen punaisen/vihreän/sinisen valon lohkot suodattuvat lasikuutioiden läpi ja häiritsevät yksiväristä pintaa. Asettelu on keskitetty ja avara; navigointi, leipäteksti ja linkit ovat kaikki yhdellä #fffdf9-värillä, ilman erillisiä korostuspainikkeita, täyttöjä tai varjoja – erottautuminen saavutetaan välistyksen, skaalauksen ja sateenkaarielementin avulla, joka toimii brändin ainoana väriaksenttina.
Tumma, täysleveä kangas, jossa on yksi sarake sisältöä, jonka enimmäiskoko on noin 1440 pikseliä. Ensisijainen elementti on keskitetty prismaattinen artefakti, jossa on päällekkäinen otsikko (kuutioiden läpi kulkeva teksti) ja vasemmalle tasattu alaotsikko. Navigointi sijaitsee ohuessa yläpalkissa: logo vasemmalla, neljä näkymätöntä linkkiä oikealla ja erillinen "Yhteystiedot"-painike rivin lopussa. Osioiden rytmi vaihtelee täyskorkeiden sankaripaneelien ja kapeampien sisältönauhojen välillä, joissa on noin 108 pikselin aukot. Sisällön asettelu on epäsymmetrinen: prismaattinen artefakti toimii visuaalisena keskuksena ja otsikot kiertävät sitä. Yhden sarakkeen tekstilohkojen enimmäisleveys on noin 440 pikseliä; monisarakkeiset ruudukot, korttimatriisit ja hinnoittelutaulukot puuttuvat. Alatunniste on ohut kaistale, joka on jaettu ohuella viivalla ja jossa on kaksi saraketta metatietoja.
Tärkein suunnitteluelementti on abstrakti 3D-kuva lasikuutioista, joiden reunoilla on kromaattista aberraatiota ja jotka on erotettu RGB-väreillä. Ei valokuvia, ei kuvia ihmisistä, ei tuotekuvia. Prisma on brändin kuva; kaikki muu on yksiväristä typografiaa tummalla kankaalla. Ikonografia on minimalistinen: hienovaraiset navigointitekstit ja pieni kursori-/symbolikorostus (alue 142765) yhden otsikon lopussa vihjaavat yhteen, monolineaariseen 16 pikselin kuvakkeeseen. Ei kuvituksia, ei koristeellisia kuvioita, ei tekstuureja.
Paletti
Neutraali
- Bone White
#fffdf9— Pääteksti, navigointitunnisteet, linkkien väri ja otsikon täyttö ovat kaikki lähes valkoisia ja peittävät kaikki typografiset pinnat tummalla pohjalla. - Obsidian
#101010— Sivun kangas, pää- ja jakoraitojen taustatäyttö, on syvän mustaa ja sen sisällä on prismamainen artefakti. - Graphite Veil
#495764— Otsikoiden ja sisältölohkojen takana hallitsee viileä, tumma liuskekivi, joka antaa kankaalle syvyyttä ilman litteän mustan käyttöä. - Ash Border
#403f3f— Hienovarainen jakoviiva ja kortin ääriviiva on käytetty yhden pikselin välein erottamaan rivit toisistaan kilpailuttamatta tekstin kanssa. - Fog Blue
#6f879c— Hillitty toissijainen teksti ja hienovaraiset painikeotsikot (kontrasti 3,7:1) – palvelukategorioiden nimitykset, kuten ”Strategia”, ”Luova” ja ”Viestintä + markkinointi”, koetaan korostamattomana metatietona. - Pure Black
#000000— Koristeellinen täyttö SVG-kuvakkeille ja -kuvituksille – käytetään prismakuvassa ja kuvakesymboleissa; ei taustana.
Typografia
15:stä 136 pikseliin · 9 vaihetta
- Neue Montreal — korvaava: Söhne · ääriviivat 400, 700 · Samaa ainutlaatuista fonttia käytetään koko käyttöliittymässä – otsikoissa, leipätekstissä, navigoinnissa, painikkeissa, linkeissä ja alatunnisteessa. Oletusfontin paksuus on 400; 700 on varattu vain alaotsikoille. 105 ja 136 pikselin paksuisten otsikoiden riviväli on 1,00–1,01 em ja kirjainväli -0,02 em, mikä luo elokuvamaisia, pinottuja otsikoita, jotka tuntuvat enemmän veistoksellisista kuin typografisista.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tilava |
| Perusvaihe | 7px |
| Painikkeen säde | 0px |
| Kortin säde | 15px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 108px |
| Sivun leveys | 1440px |
Tekoäly rakentaa verkkosivustosi Vivid+Co -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Sequel — Yksityisnäytös pimeän tultua on ainoa lämmin valo muuten pimeässä elokuvateatterissa.
- ThoughtLab — Obsidiaanista tehty muistomerkki, jossa on karmiininpunainen merkki. Mustaa tyhjyyttä oleva kangas, jossa katedraalin ainoa kylläinen punainen esine, painettuna suurin valkoisin kirjaimin, on yksi kromaattinen hahmo.
- Dovetail — Mustan kuun alla oleva piirustus – tuskin näkyvät kaavioviivat, valkoinen fontti, yksi violetti kimallus
- MekaVerse — Yksivärinen digitaalisten esineiden galleria – kiinteä musta tyhjiö, jossa renderöity maailma roikkuu kuin museonäyttely ja koko käyttöliittymä on valkoista mustetta mattamustalla lasilla.
- Krea — Galleria noir keskiyöllä
- Factory — "Sotahuoneen" terminaali keskiyöllä. "Tehdas" on karun musta ohjauspaneeli, johon yksi valkoinen kortti laskeutuu kuin taskulampun valaisema lähetys – huoneen ainoa esine on itse työ.
- basement — Tyhjä painokone kello 3 aamuyöllä – valtavat, tiivistetyt fontit leviävät pikimustaan, yksi oranssi valon välähdys navigointipalkissa, kaikki muu valkoista tai aavemaisen harmaata.
- Stink Studios — Elokuvastudio keskiyöllä - projektori humisee, huone on pimeä, vain filmi palaa
- Apple (España) — musta teatteri valaistuilla kalusteilla
- Charlie — Luostarikivestä obsidiaanille veistetty typografia. Portfolio, jossa yksi punainen seinä luo korviahuumaavan hiljaisuuden.
- Rive — Erittäin tarkka yönäkö. Käyttöliittymässä on erityinen linssi, joka läpäisee pimeyden ja tarkentaa teknisiä yksityiskohtia ehdottoman selkeästi.
- Datalands — Musta katedraali, jossa sykkii yksi neonvalo. Logo täyttää koko keskilaivan; kaikki muu on tuskin kuultavaa tekstiä sen alla.