Vivid+Co
luz prismática através da obsidiana
A Vivid+Co opera em um vazio cinematográfico e sombrio: uma tela quase preta de #101010 a #495764, interrompida por um único tom quase branco (#fffdf9) usado em quase todas as fontes e elementos da interface. A tipografia é renderizada principalmente em Neue Montreal, com peso 400 — uma rejeição deliberada do negrito, onde a autoridade é alcançada por meio da escala (136px e 105px) em vez da espessura. Uma técnica característica é o prisma cromático: blocos de luz saturada em vermelho/verde/azul, separados por RGB, filtram-se através de cubos de vidro, interrompendo a superfície monocromática. O layout é centralizado e espaçoso; a navegação, o corpo do texto e os links são todos em uma única cor #fffdf9, sem botões de destaque, preenchimentos ou sombras separados — a diferenciação é alcançada por meio do espaçamento, da escala e de um artefato de arco-íris que serve como o único destaque de cor da marca.
Uma tela escura, em largura total, com uma única coluna de conteúdo medindo aproximadamente 1440px no máximo. O elemento principal é um artefato prismático centralizado com um título sobreposto (texto que intersecta os cubos) e um subtítulo alinhado à esquerda. A navegação está localizada em uma barra superior fina: o logotipo à esquerda, quatro links invisíveis à direita e um botão dedicado "Contato" no final da linha. O ritmo da seção alterna entre painéis de destaque em altura total e faixas de conteúdo mais estreitas com espaçamento de aproximadamente 108px. O layout do conteúdo é assimétrico: o artefato prismático serve como centro visual e os títulos o envolvem. Blocos de texto de coluna única têm uma largura máxima de aproximadamente 440px; grades de múltiplas colunas, matrizes de cartões e tabelas de preços estão ausentes. O rodapé é uma faixa fina, dividida por uma linha fina, com duas colunas de metadados.
O principal elemento de design é uma imagem abstrata em 3D de cubos de vidro com aberração cromática nas bordas, separados por cores RGB. Sem fotografias, sem imagens de pessoas, sem fotos de produtos. O prisma é a imagem da marca; todo o resto é tipografia monocromática sobre um fundo escuro. A iconografia é minimalista: rótulos de navegação sutis e um pequeno cursor/glifo de destaque (área 142765) no final de um dos títulos sugerem um único ícone monolíneo de 16px. Sem ilustrações, sem padrões decorativos, sem texturas.
Paleta
Neutro
- Bone White
#fffdf9— O texto principal, os rótulos de navegação, a cor dos links e o preenchimento dos títulos são todos quase brancos, ocupando todas as superfícies tipográficas em um fundo escuro. - Obsidian
#101010— A tela da página, o preenchimento de fundo das faixas principais e divisórias, é de um preto profundo com um artefato prismático em seu interior. - Graphite Veil
#495764— Por trás dos títulos e blocos de conteúdo, um tom escuro e frio de ardósia domina, dando profundidade à tela sem o uso do preto chapado. - Ash Border
#403f3f— Uma linha divisória sutil e um contorno de cartão são usados com 1px de espessura para separar as linhas sem competir com o texto. - Fog Blue
#6f879c— Textos secundários discretos e rótulos de botões sutis (contraste de 3,7:1) – as designações de categoria de serviço, como “Estratégia”, “Criatividade” e “Comunicação + Marketing”, são percebidas como metadados não destacados. - Pure Black
#000000— Preenchimento decorativo para ícones e ilustrações SVG — usado na imagem do prisma e nos glifos dos ícones; não é um fundo.
Tipografia
de 15 a 136px · 9 etapas
- Neue Montreal — substituição: Söhne · esboços 400, 700 · A fonte exclusiva é usada em toda a interface do usuário — títulos, corpo do texto, navegação, botões, links e rodapé. A espessura 400 é a padrão; a espessura 700 é reservada apenas para subtítulos. Títulos com espessuras de 105px e 136px têm espaçamento entre linhas de 1,00–1,01em e espaçamento entre letras de -0,02em, criando títulos cinematográficos e sobrepostos que parecem mais esculturais do que tipográficos.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 7px |
| Raio do botão | 0px |
| Raio do cartão | 15px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 108px |
| Largura da página | 1440px |
A IA criará seu site no estilo Vivid+Co e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Sequel — Uma sessão privada após o anoitecer é a única luz quente em um cinema que, de resto, está escuro.
- ThoughtLab — Um monumento de obsidiana com um sinal carmesim. Uma tela de vazio negro, onde o único objeto vermelho saturado na catedral, impresso em grandes letras brancas, é uma única figura cromática.
- Dovetail — Uma planta sob uma lua negra — linhas do gráfico quase invisíveis, fonte branca, um brilho roxo.
- MekaVerse — Uma galeria monocromática de artefatos digitais — um vazio negro sólido onde o mundo renderizado fica suspenso como uma peça de museu, e toda a interface do usuário é tinta branca sobre vidro preto fosco.
- Krea — galeria noir à meia-noite
- Factory — O terminal da "sala de guerra" à meia-noite. A "fábrica" é um painel de controle totalmente preto, onde um único cartão branco aterrissa como um despacho iluminado por uma lanterna — o único objeto na sala é a própria obra.
- basement — Uma impressora vazia às 3 da manhã – fontes enormes e comprimidas espalhadas pela escuridão total, um único brilho de luz laranja na barra de navegação, todo o resto branco ou cinza fantasmagórico.
- Stink Studios — Um estúdio de cinema à meia-noite - o projetor zumbindo, a sala escura, apenas o filme iluminado.
- Apple (España) — Teatro preto com acessórios iluminados
- Charlie — Tipografia esculpida em pedra monástica sobre obsidiana. Um portfólio em que uma única parede vermelha cria um silêncio ensurdecedor.
- Rive — Visão noturna de alta precisão. A interface possui uma lente especial que penetra na escuridão para focar em detalhes técnicos com absoluta clareza.
- Datalands — Uma catedral negra com uma única pulsação de néon. O logotipo preenche a nave; todo o resto é um texto quase inaudível por baixo.