Vivid+Co
llum prismàtica a través de l'obsidiana
Vivid+Co opera en un buit cinematogràfic i fosc: un llenç gairebé negre de #101010–#495764, interromput per un únic to gairebé blanc (#fffdf9) utilitzat per a gairebé totes les tipografies i elements d'interfície. La tipografia es representa principalment a Neue Montreal amb un pes de 400, un rebuig deliberat de la negreta, on l'autoritat s'aconsegueix mitjançant l'escala (136 px i 105 px) en lloc del pes. Una tècnica característica és el prisma cromàtic: blocs de llum vermella/verda/blava saturada, separats per RGB, es filtren a través de cubs de vidre, interrompent la superfície monocroma. El disseny és centrat i espaiós; la navegació, el text del cos i els enllaços són tots en un sol color #fffdf9, sense botons d'accent separats, farciments o ombres; la diferenciació s'aconsegueix mitjançant l'espaiat, l'escala i un artefacte de l'arc de Sant Martí que serveix com a únic accent de color de la marca.
Un llenç fosc d'amplada completa amb una sola columna de contingut que mesura uns 1440 px com a màxim. L'element principal és un artefacte prismàtic centrat amb un títol superposat (text que interseca els cubs) i un subtítol alineat a l'esquerra. La navegació es troba en una barra superior fina: el logotip a l'esquerra, quatre enllaços invisibles a la dreta i un botó dedicat a "Contacte" al final de la fila. El ritme de la secció alterna entre panells principals d'alçada completa i franges de contingut més estretes amb espais d'uns 108 px. La disposició del contingut és asimètrica: l'artefacte prismàtic serveix com a centre visual i els títols l'envolten. Els blocs de text d'una sola columna tenen una amplada màxima d'aproximadament 440 px; no hi ha quadrícules de diverses columnes, matrius de targetes ni taules de preus. El peu de pàgina és una franja fina, dividida per una línia fina, amb dues columnes de metadades.
L'element de disseny principal és una imatge abstracta en 3D de cubs de vidre amb aberració cromàtica a les vores, separats per color RGB. No hi ha fotografies, ni imatges de persones, ni fotos de productes. El prisma és la imatge de la marca; tota la resta és tipografia monocroma sobre un llenç fosc. La iconografia és mínima: etiquetes de navegació subtils i un petit accent de cursor/glif (àrea 142765) al final d'un dels encapçalaments suggereixen una única icona monolineal de 16 px. No hi ha il·lustracions, ni patrons decoratius, ni textures.
Paleta
Neutral
- Bone White
#fffdf9— El text principal, les etiquetes de navegació, el color de l'enllaç i l'emplenament de l'encapçalament són gairebé blancs i ocupen totes les superfícies tipogràfiques d'un llenç fosc. - Obsidian
#101010— El llenç de la pàgina, que omple el fons de les franges principals i divisòries, és d'un color negre intens amb un artefacte prismàtic a l'interior. - Graphite Veil
#495764— Darrere dels encapçalaments i els blocs de contingut, domina un color pissarra fosc i fred, que dóna profunditat al llenç sense l'ús del negre mat. - Ash Border
#403f3f— S'utilitza una línia divisòria subtil i un contorn de targeta a 1 px per separar les línies sense competir amb el text. - Fog Blue
#6f879c— Text secundari apagat i etiquetes subtils dels botons (contrast 3,7:1): les designacions de categoria de servei com ara "Estratègia", "Creatiu", "Comunicacions + Màrqueting" es perceben com a metadades no destacades. - Pure Black
#000000— Emplenament decoratiu per a icones i il·lustracions SVG: s'utilitza a la imatge del prisma i als glifs de les icones; no com a fons.
Tipografia
de 15 a 136 px · 9 passos
- Neue Montreal — reemplaçament: Söhne · esquemes 400, 700 · La font exclusiva s'utilitza a tota la interfície d'usuari: encapçalaments, cos de text, navegació, botons, enllaços i peu de pàgina. El gruix per defecte és de 400; el gruix de 700 es reserva només per a subencapçalaments. Els encapçalaments amb un gruix de 105 px i 136 px tenen un interlineat d'1,00 a 1,01 em i un interlineat de -0,02 em, creant titulars cinematogràfics i apilats que semblen més esculturals que tipogràfics.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 7px |
| Radi del botó | 0px |
| Radi de la targeta | 15px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 108px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Vivid+Co i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Sequel — Una projecció privada després de fosc és l'única llum càlida en un cinema que altrament fosc.
- ThoughtLab — Un monument d'obsidiana amb un senyal carmesí. Un llenç de buit negre, on l'únic objecte vermell saturat de la catedral, imprès en grans lletres blanques, és una única figura cromàtica.
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra
- MekaVerse — Una galeria monocroma d'artefactes digitals: un buit negre sòlid on el món renderitzat penja com una exposició de museu, i tota la interfície d'usuari és tinta blanca sobre vidre negre mat.
- Krea — galeria noir a mitjanit
- Factory — La terminal de la "sala de guerra" a mitjanit. La "fàbrica" és un panell de control negre i impecable on aterra una única targeta blanca com un enviament il·luminat per una llanterna; l'únic objecte de la sala és l'obra en si.
- basement — Una impremta buida a les 3 de la matinada: fonts enormes i comprimides que s'escampen per la foscor total, un únic lluïssor de llum taronja a la barra de navegació, tota la resta blanca o d'un gris fantasmagòric.
- Stink Studios — Un estudi de cinema a mitjanit: el projector brunzeix, l'habitació és fosca, només la pel·lícula està il·luminada
- Apple (España) — teatre negre amb accessoris il·luminats
- Charlie — Tipografia esculpida en pedra de monestir sobre obsidiana. Un portafoli en què una única paret vermella crea un silenci eixordador.
- Rive — Visió nocturna d'alta precisió. La interfície compta amb una lent especial que penetra la foscor per enfocar els detalls tècnics amb una claredat absoluta.
- Datalands — Una catedral negra amb un únic pols de neó. El logotip omple la nau; tota la resta és text a penes audible a sota.