Vivid+Co
prismatisk lys gjennom obsidian
Vivid+Co opererer i et filmatisk, mørkt tomrom: et nesten svart lerret av #101010–#495764, avbrutt av en enkelt, nesten hvit fargetone (#fffdf9) som brukes for nesten alle skrifttyper og grensesnittelementer. Typografi gjengis primært i Neue Montreal med 400 vekt – en bevisst avvisning av fet skrift, der autoritet oppnås gjennom skala (136 piksler og 105 piksler) snarere enn vekt. En signaturteknikk er det kromatiske prismet: blokker av mettet rødt/grønt/blått lys, atskilt med RGB, filtreres gjennom glasskuber og forstyrrer den monokrome overflaten. Layouten er sentrert og romslig; navigasjon, brødtekst og lenker er alle i en enkelt #fffdf9-farge, uten separate aksentknapper, fyll eller skygger – differensiering oppnås gjennom avstand, skala og en regnbueartefakt som fungerer som merkets eneste fargeaksent.
Et mørkt lerret i full bredde med én enkelt innholdskolonne som måler maksimalt ~1440 piksler. Hovedelementet er en sentrert prismatisk artefakt med en overlappende tittel (tekst som krysser kubene) og en venstrejustert undertittel. Navigasjonen er plassert i en tynn topplinje: logoen til venstre, fire usynlige lenker til høyre og en dedikert "Kontakt"-knapp på slutten av raden. Seksjonsrytmen veksler mellom hovedpaneler i full høyde og smalere innholdsstrimler med mellomrom på ~108 piksler. Innholdsoppsettet er asymmetrisk: den prismatiske artefakten fungerer som det visuelle sentrum, og titlene brytes rundt den. Tekstblokker med én kolonne har en maksimal bredde på omtrent 440 piksler; rutenett med flere kolonner, kortmatriser og pristabeller er fraværende. Bunnteksten er en tynn stripe, delt av en tynn linje, med to kolonner med metadata.
Hovedelementet i designen er et abstrakt 3D-bilde av glasskuber med kromatisk aberrasjon i kantene, atskilt med RGB-farger. Ingen fotografier, ingen bilder av mennesker, ingen produktbilder. Prismet er merkevarens image; alt annet er monokrom typografi på et mørkt lerret. Ikonografien er minimal: subtile navigasjonsetiketter og en liten markør/glyf-aksent (område 142765) på slutten av en av overskriftene hinter til et enkelt, monolineært 16 pikslers ikon. Ingen illustrasjoner, ingen dekorative mønstre, ingen teksturer.
Palett
Nøytral
- Bone White
#fffdf9— Hovedteksten, navigasjonsetikettene, lenkefargen og overskriftsfyllet er nesten hvitt og opptar alle typografiske flater på et mørkt lerret. - Obsidian
#101010— Sidelerretet, bakgrunnsfyllet for hoved- og delestripene, har en dyp svart farge med en prismatisk artefakt inni. - Graphite Veil
#495764— Bak overskriftene og innholdsblokkene dominerer en kjølig, mørk skiferfarge, som gir lerretet dybde uten bruk av matt svart. - Ash Border
#403f3f— En diskré skillelinje og kortkontur brukes med 1 piksel for å skille linjer uten å konkurrere med teksten. - Fog Blue
#6f879c— Dempet sekundærtekst og diskrete knappetiketter (3,7:1-kontrast) – tjenestekategoribetegnelser som «Strategi», «Kreativ», «Kommunikasjon + Markedsføring» oppfattes som uuthevet metadata. - Pure Black
#000000— Dekorativ fylling for SVG-ikoner og illustrasjoner – brukes i prismebildet og ikonglyfer; ikke en bakgrunn.
Typografi
fra 15 til 136 piksler · 9 trinn
- Neue Montreal — erstatning: Söhne · omriss 400, 700 · Den eksklusive skrifttypen brukes i hele brukergrensesnittet – overskrifter, brødtekst, navigasjon, knapper, lenker og bunntekst. Standard skrifttykkelse er 400; skrifttykkelsen er kun 700, og den er kun reservert for underoverskrifter. Overskrifter med skrifttykkelse på 105 og 136 piksler har en linjeavstand på 1,00–1,01 mm og en bokstavavstand på -0,02 mm, noe som skaper filmatiske, stablede overskrifter som føles mer skulpturelle enn typografiske.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 7px |
| Knapperadius | 0px |
| Kortradius | 15px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 108px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Vivid+Co -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Sequel — En privat visning etter mørkets frembrudd er det eneste varme lyset i en ellers mørk kino.
- ThoughtLab — Et obsidianmonument med et karmosinrødt signal. Et lerret av svart tomhet, hvor det eneste mettede røde objektet i katedralen, trykt med store hvite bokstaver, er en enkelt kromatisk figur.
- Dovetail — En blåkopi under en svart måne – knapt synlige graflinjer, hvit skrift, en lilla glitter
- MekaVerse — Et monokromt galleri av digitale gjenstander – et solid svart tomrom der den gjengitte verdenen henger som en museumsutstilling, og hele brukergrensesnittet er hvitt blekk på matt svart glass.
- Krea — Galleri noir ved midnatt
- Factory — «Krigsrommet»-terminalen ved midnatt. «Fabrikken» er et skarpt, svart kontrollpanel der et enkelt hvitt kort lander som en lommelyktbelyst forsendelse – det eneste objektet i rommet er selve arbeidet.
- basement — En tom trykkpresse klokken 03.00 – enorme, komprimerte skrifttyper som sprer seg over bekmørket, et enkelt glimt av oransje lys på navigasjonslinjen, alt annet hvitt eller spøkelsesaktig grått.
- Stink Studios — Et filmstudio ved midnatt – projektoren summer, rommet er mørkt, bare filmen er opplyst
- Apple (España) — svart teater med opplyste armaturer
- Charlie — Typografi hugget ut av klosterstein på obsidian. En portefølje der en enkelt rød vegg skaper en øredøvende stillhet.
- Rive — Høypresisjons nattsyn. Grensesnittet har en spesiell linse som trenger inn i mørket for å fokusere på tekniske detaljer med absolutt klarhet.
- Datalands — En svart katedral med et enkelt neonlys. Logoen fyller skipet; alt annet er knapt hørbar tekst under.