Vivid+Co
luz prismática a través da obsidiana
Vivid+Co opera nun baleiro escuro e cinematográfico: unha lona case negra de #101010–#495764, interrompida por unha única tonalidade case branca (#fffdf9) utilizada para case todos os tipos de letra e elementos da interface. A tipografía represéntase principalmente en Neue Montreal cun peso de 400, un rexeitamento deliberado da negriña, onde a autoridade se consegue a través da escala (136 px e 105 px) en lugar do peso. Unha técnica característica é o prisma cromático: bloques de luz vermella/verde/azul saturada, separados por RGB, fíltranse a través de cubos de vidro, interrompendo a superficie monocromática. O deseño é centrado e espazoso; a navegación, o corpo do texto e as ligazóns están todos nunha única cor #fffdf9, sen botóns de acento, recheos ou sombras separados; a diferenciación conséguese mediante o espazado, a escala e un artefacto arco da vella que serve como único acento de cor da marca.
Un lenzo escuro de ancho completo cunha soa columna de contido que mide uns 1440 px como máximo. O elemento principal é un artefacto prismático centrado cun título superposto (texto que interseca os cubos) e un subtítulo aliñado á esquerda. A navegación está situada nunha barra superior fina: o logotipo á esquerda, catro ligazóns invisibles á dereita e un botón dedicado a "Contacto" ao final da fila. O ritmo da sección alterna entre paneis principais de altura completa e franxas de contido máis estreitas con espazos de aproximadamente 108 px. A disposición do contido é asimétrica: o artefacto prismático serve como centro visual e os títulos envólvense arredor del. Os bloques de texto dunha soa columna teñen un ancho máximo de aproximadamente 440 px; non hai cuadrículas de varias columnas, matrices de tarxetas nin táboas de prezos. O pé de páxina é unha franxa fina, dividida por unha liña fina, con dúas columnas de metadatos.
O elemento principal do deseño é unha imaxe 3D abstracta de cubos de vidro con aberración cromática nos bordos, separados por cor RGB. Sen fotografías, sen imaxes de persoas, sen fotos de produtos. O prisma é a imaxe da marca; todo o demais é tipografía monocromática sobre un lenzo escuro. A iconografía é minimalista: etiquetas de navegación sutís e un pequeno acento de cursor/glifo (área 142765) ao final dun dos títulos aluden a unha única icona monolineal de 16 px. Sen ilustracións, sen patróns decorativos, sen texturas.
Paleta
Neutro
- Bone White
#fffdf9— O texto principal, as etiquetas de navegación, a cor das ligazóns e o recheo dos títulos son case brancos e ocupan todas as superficies tipográficas nun lenzo escuro. - Obsidian
#101010— O lenzo da páxina, que rechea o fondo das raias principais e divisorias, é dunha cor negra intensa cun artefacto prismático no seu interior. - Graphite Veil
#495764— Detrás dos títulos e os bloques de contido, domina unha lousa fría e escura, dándolle profundidade ao lenzo sen o uso do negro mate. - Ash Border
#403f3f— Úsase unha liña divisoria sutil e un contorno de tarxeta a 1 px para separar as liñas sen competir co texto. - Fog Blue
#6f879c— Texto secundario tenue e etiquetas de botóns sutís (contraste 3,7:1): as designacións de categorías de servizos como "Estratexia", "Creativo" ou "Comunicacións + Márketing" percíbense como metadatos non destacados. - Pure Black
#000000— Recheo decorativo para iconas e ilustracións SVG: úsase na imaxe do prisma e nos glifos das iconas; non como fondo.
Tipografía
de 15 a 136 px · 9 pasos
- Neue Montreal — substitución: Söhne · contornos 400, 700 · O tipo de letra exclusivo úsase en toda a interface de usuario: títulos, corpo do texto, navegación, botóns, ligazóns e pé de páxina. O grosor predeterminado é 400; o grosor 700 está reservado só para subtítulos. Os títulos cun grosor de 105 px e 136 px teñen un espazado entre liñas de 1,00 a 1,01 em e un espazado entre letras de -0,02 em, o que crea títulos cinematográficos e apilados que parecen máis esculturales que tipográficos.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 7px |
| Radio do botón | 0px |
| Radio da tarxeta | 15px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 108px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de Vivid+Co e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Sequel — Unha proxección privada despois de escurecer é a única luz cálida nun cine que doutro xeito non é escuro.
- ThoughtLab — Un monumento de obsidiana cun sinal carmesí. Un lenzo de baleiro negro, onde o único obxecto vermello saturado da catedral, impreso en grandes letras brancas, é unha única figura cromática.
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura
- MekaVerse — Unha galería monocromática de artefactos dixitais: un baleiro negro sólido onde o mundo renderizado pende coma unha exposición de museo e toda a interface de usuario é tinta branca sobre vidro negro mate.
- Krea — galería noir á medianoite
- Factory — O terminal da "sala de guerra" á medianoite. A "fábrica" é un panel de control negro e impoluto onde aterra unha única tarxeta branca coma un despacho iluminado por unha lanterna; o único obxecto na sala é a propia obra.
- basement — Unha imprenta baleira ás 3 da mañá: fontes enormes e comprimidas estendéndose pola escuridade total, un único raio de luz laranxa na barra de navegación e todo o demais branco ou gris fantasmal.
- Stink Studios — Un estudio de cine á medianoite: o proxector zumba, a sala está escura, só a película está iluminada.
- Apple (España) — teatro negro con accesorios iluminados
- Charlie — Tipografía esculpida en pedra de mosteiro sobre obsidiana. Un portafolio no que unha única parede vermella crea un silencio ensordecedor.
- Rive — Visión nocturna de alta precisión. A interface conta cunha lente especial que penetra na escuridade para enfocar os detalles técnicos con absoluta claridade.
- Datalands — Unha catedral negra cun único pulso de neón. O logotipo enche a nave; todo o demais é texto apenas audible debaixo.