Vivid+Co
prismatisch licht door obsidiaan
Vivid+Co opereert in een filmische, donkere leegte: een bijna zwart canvas van #101010–#495764, onderbroken door een enkele, bijna witte tint (#fffdf9) die wordt gebruikt voor vrijwel alle lettertypen en interface-elementen. De typografie is voornamelijk uitgevoerd in Neue Montreal met een dikte van 400 – een bewuste afwijzing van vetgedrukte tekst, waarbij autoriteit wordt bereikt door schaal (136px en 105px) in plaats van dikte. Een kenmerkende techniek is het chromatische prisma: blokken verzadigd rood/groen/blauw licht, gescheiden door RGB, filteren door glazen kubussen en verstoren het monochrome oppervlak. De lay-out is gecentreerd en ruimtelijk; navigatie, tekst en links zijn allemaal in één enkele #fffdf9-kleur, zonder aparte accentknoppen, vullingen of schaduwen – differentiatie wordt bereikt door middel van spatiëring, schaal en een regenboogeffect dat dient als het enige kleuraccent van het merk.
Een donker, volledig breed canvas met één kolom content van maximaal ~1440px. Het primaire element is een gecentreerd prismatisch object met een overlappende titel (tekst die de kubussen doorsnijdt) en een links uitgelijnde subtitel. De navigatie bevindt zich in een smalle bovenbalk: het logo links, vier onzichtbare links rechts en een speciale "Contact"-knop aan het einde van de rij. Het ritme van de secties wisselt af tussen grote hero-panelen en smallere contentstroken met tussenruimtes van ~108px. De contentindeling is asymmetrisch: het prismatische object fungeert als visueel middelpunt en de titels lopen eromheen. Tekstblokken met één kolom hebben een maximale breedte van ongeveer 440px; rasters met meerdere kolommen, kaartmatrices en prijstabellen ontbreken. De footer is een smalle strook, verdeeld door een dunne lijn, met twee kolommen met metadata.
Het belangrijkste ontwerpelement is een abstract 3D-beeld van glazen kubussen met chromatische aberratie aan de randen, gescheiden door RGB-kleur. Geen foto's, geen afbeeldingen van mensen, geen productfoto's. Het prisma is het merkimago; al het andere is monochrome typografie op een donkere achtergrond. De iconografie is minimaal: subtiele navigatielabels en een klein cursor-/glyph-accent (gebied 142765) aan het einde van een van de koppen verwijzen naar een enkel, monolineair icoon van 16px. Geen illustraties, geen decoratieve patronen, geen texturen.
Palet
Neutrale
- Bone White
#fffdf9— De hoofdtekst, navigatielabels, linkkleur en koptekstkleur zijn allemaal bijna wit en beslaan alle typografische oppervlakken op een donkere achtergrond. - Obsidian
#101010— Het canvas van de pagina, de achtergrondvulling voor de hoofd- en scheidingsstrepen, is diepzwart met een prismatisch artefact erin. - Graphite Veil
#495764— Achter de kopjes en tekstblokken domineert een koele, donkere leigrijze tint, die het geheel diepte geeft zonder gebruik te maken van vlak zwart. - Ash Border
#403f3f— Een subtiele scheidingslijn en een kaartomtrek van 1px worden gebruikt om regels van elkaar te scheiden zonder de tekst te overheersen. - Fog Blue
#6f879c— Subtiele secundaire tekst en subtiele knoplabels (contrastverhouding 3,7:1) – aanduidingen van servicecategorieën zoals 'Strategie', 'Creatief' en 'Communicatie + Marketing' worden gezien als onopvallende metadata. - Pure Black
#000000— Decoratieve opvulling voor SVG-pictogrammen en -illustraties – gebruikt in de prisma-afbeelding en pictogramglyphs; geen achtergrond.
Typografie
van 15 tot 136px · 9 stappen
- Neue Montreal — vervanging: Söhne · overzichten 400, 700 · Het exclusieve lettertype wordt in de gehele gebruikersinterface gebruikt: koppen, hoofdtekst, navigatie, knoppen, links en de voettekst. Een dikte van 400 is de standaard; een dikte van 700 is uitsluitend gereserveerd voor subkoppen. Koppen met een dikte van 105px en 136px hebben een regelafstand van 1,00–1,01em en een letterafstand van -0,02em, waardoor filmische, gestapelde koppen ontstaan die meer sculpturaal dan typografisch aanvoelen.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | ruim |
| Basisstap | 7px |
| Knopradius | 0px |
| Kaartradius | 15px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 108px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Vivid+Co en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Sequel — Een besloten voorstelling na zonsondergang is het enige warme lichtpuntje in een verder donkere bioscoopzaal.
- ThoughtLab — Een obsidiaan monument met een karmozijnrood signaal. Een doek van zwarte leegte, waar het enige verzadigde rode object in de kathedraal, afgedrukt in grote witte letters, een enkele chromatische figuur is.
- Dovetail — Een blauwdruk onder een donkere maan: nauwelijks zichtbare grafieklijnen, witte letters, een paarse vonk.
- MekaVerse — Een monochrome galerij van digitale artefacten – een massieve zwarte leegte waar de weergegeven wereld hangt als een museumstuk, en de gehele gebruikersinterface bestaat uit witte inkt op matzwart glas.
- Krea — Gallery Noir om middernacht
- Factory — De terminal in de "oorlogskamer" om middernacht. De "fabriek" is een strak zwart bedieningspaneel waar een enkele witte kaart landt als een door een zaklamp verlicht bericht – het enige object in de kamer is het werk zelf.
- basement — Een lege drukpers om 3 uur 's nachts – enorme, samengeperste lettertypen die zich uitspreiden over de pikzwarte achtergrond, een enkel oranje lichtpuntje op de navigatiebalk, al het andere wit of spookachtig grijs.
- Stink Studios — Een filmstudio midden in de nacht - de projector zoemt, de ruimte is donker, alleen de film is verlicht.
- Apple (España) — zwart theater met verlichte armaturen
- Charlie — Typografie gebeiteld uit kloostersteen op obsidiaan. Een portfolio waarin een enkele rode muur een oorverdovende stilte creëert.
- Rive — Uiterst nauwkeurige nachtzichtfunctie. De interface is voorzien van een speciale lens die door de duisternis heen dringt om technische details met absolute helderheid scherp te stellen.
- Datalands — Een zwarte kathedraal met een enkele neonpuls. Het logo vult het schip; al het andere is nauwelijks leesbare tekst eronder.