Vivid+Co
prismatiskt ljus genom obsidian
Vivid+Co verkar i ett filmiskt, mörkt tomrum: en nästan svart duk av #101010–#495764, avbruten av en enda, nästan vit nyans (#fffdf9) som används för nästan alla typsnitt och gränssnittselement. Typografin återges huvudsakligen i Neue Montreal med 400 viktgrader – ett avsiktligt avvisande av fetstil, där auktoritet uppnås genom skala (136px och 105px) snarare än vikt. En signaturteknik är det kromatiska prismat: block av mättat rött/grönt/blått ljus, separerade av RGB, filtreras genom glaskuber och stör den monokroma ytan. Layouten är centrerad och rymlig; navigering, brödtext och länkar är alla i en enda #fffdf9-färg, utan separata accentknappar, fyllningar eller skuggor – differentiering uppnås genom avstånd, skala och en regnbågsartefakt som fungerar som varumärkets enda färgaccent.
En mörk arbetsyta i full bredd med en enda kolumn innehåll som mäter maximalt ~1440px. Det primära elementet är en centrerad prismatisk artefakt med en överlappande titel (text som skär kuberna) och en vänsterjusterad underrubrik. Navigeringen finns i en tunn övre bar: logotypen till vänster, fyra osynliga länkar till höger och en dedikerad "Kontakt"-knapp i slutet av raden. Sektionsrytmen växlar mellan hjältepaneler i full höjd och smalare innehållsremsor med ~108px mellanrum. Innehållslayouten är asymmetrisk: den prismatiska artefakten fungerar som visuellt centrum, och titlarna lindas runt den. Textblock med en kolumn har en maximal bredd på cirka 440px; flerkolumnsrutnät, kortmatriser och prissättningstabeller saknas. Sidfoten är en tunn remsa, delad av en tunn linje, med två kolumner metadata.
Det huvudsakliga designelementet är en abstrakt 3D-bild av glaskuber med kromatisk aberration i kanterna, separerade med RGB-färg. Inga fotografier, inga bilder av människor, inga produktbilder. Prismat är varumärkets image; allt annat är monokrom typografi på en mörk duk. Ikonografin är minimal: subtila navigeringsetiketter och en liten markör/glyf-accent (område 142765) i slutet av en av rubrikerna antyder en enda, monolinjär 16px-ikon. Inga illustrationer, inga dekorativa mönster, inga texturer.
Palett
Neutral
- Bone White
#fffdf9— Huvudtexten, navigeringsetiketterna, länkfärgen och rubrikfyllningen är nästan vita och upptar alla typografiska ytor på en mörk duk. - Obsidian
#101010— Sidans arbetsyta, bakgrundsfyllning för huvud- och delningsränderna, har en djupsvart färg med en prismatisk artefakt inuti. - Graphite Veil
#495764— Bakom rubrikerna och innehållsblocken dominerar en sval, mörk skifferfärg, vilket ger duken djup utan att använda matt svart. - Ash Border
#403f3f— En subtil skiljelinje och kortkontur används vid 1px för att separera rader utan att konkurrera med texten. - Fog Blue
#6f879c— Dämpad sekundärtext och diskreta knappetiketter (3,7:1-kontrast) – tjänstekategoribeteckningar som ”Strategi”, ”Kreativitet” och ”Kommunikation + Marknadsföring” uppfattas som omarkerade metadata. - Pure Black
#000000— Dekorativ fyllning för SVG-ikoner och illustrationer – används i prismabilden och ikonglyfer; inte som bakgrund.
Typografi
från 15 till 136px · 9 steg
- Neue Montreal — ersättning: Söhne · konturer 400, 700 · Det exklusiva teckensnittet används i hela användargränssnittet – rubriker, brödtext, navigering, knappar, länkar och sidfot. Standardvikten är 400; vikten är 700 reserverad endast för underrubriker. Rubriker med vikten 105 och 136 pixlar har radavståndet 1,00–1,01 mm och bokstavsavståndet -0,02 mm, vilket skapar filmiska, staplade rubriker som känns mer skulpturala än typografiska.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 7px |
| Knappradie | 0px |
| Kortradie | 15px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 108px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Vivid+Co -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Sequel — En privat visning efter mörkrets inbrott är det enda varma ljuset i en annars mörk biograf.
- ThoughtLab — Ett obsidianmonument med en karmosinröd signal. En duk av svart tomhet, där det enda mättade röda objektet i katedralen, tryckt med stora vita bokstäver, är en enda kromatisk figur.
- Dovetail — En ritning under en svart måne – knappt synliga graflinjer, vitt teckensnitt, en lila gnistra
- MekaVerse — Ett monokromt galleri av digitala artefakter – ett helt svart tomrum där den renderade världen hänger som en museiutställning, och hela användargränssnittet är vitt bläck på mattsvart glas.
- Krea — Galleri noir vid midnatt
- Factory — Terminalen i "krigsrummet" vid midnatt. "Fabriken" är en skarp svart kontrollpanel där ett enda vitt kort landar som en ficklampsbelyst meddelande – det enda föremålet i rummet är själva verket.
- basement — En tom tryckpress klockan tre på natten – enorma, komprimerade typsnitt som utbreder sig över det kolsvarta, en enda glimt av orange ljus i navigeringsfältet, allt annat vitt eller spöklikt grått.
- Stink Studios — En filmstudio vid midnatt - projektorn surrar, rummet är mörkt, bara filmen är upplyst
- Apple (España) — svart teater med upplysta armaturer
- Charlie — Typografi huggen ur klostersten på obsidian. En portfolio där en enda röd vägg skapar en öronbedövande tystnad.
- Rive — Högprecisions mörkerseende. Gränssnittet har en speciell lins som penetrerar mörkret för att fokusera på tekniska detaljer med absolut skärpa.
- Datalands — En svart katedral med en enda neonpuls. Logotypen fyller mittskeppet; allt annat är knappt hörbar text under.