Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvendo ferramentas de IA para empresas. Alta qualidade. Preço acessível.Enviar mensagem no Telegram
Ventriloc — uma prévia de um site neste estilo

Ventriloc

Um observatório editorial de dados em papel morno – uma única brasa alaranjada destacando a precisão monocromática.

O Ventriloc se expressa em um tom editorial discreto: uma tela branca, quente e nítida, cartões de dados monoespaçados e de alta precisão, e um único tom de laranja carvão que pontua o monocromático como um marcador de texto em um relatório impresso. O sistema combina uma tipografia neo-grotesca personalizada (PolySans) com peso de 400 pontos para títulos — uma contenção incomum que sacrifica a autoridade por volume em prol da autoridade por precisão — com a fonte Inter para o corpo do texto e elementos da interface. As superfícies são em tons quentes de cinza e creme, em vez de um azul tecnológico frio; os cartões têm cantos arredondados assimétricos (canto superior direito nítido, cantos laterais arredondados); e os elementos interativos são divididos em dois dialetos distintos: botões angulares no estilo de texto e contêineres de navegação em formato de pílula. As cores são usadas com parcimônia: as páginas devem ser projetadas em um estilo acromático em 95% dos casos, e o laranja é usado apenas como pontuação funcional para destacar, sublinhar links e como acento decorativo nos dados.

O contêiner de largura máxima é de 1200px, centralizado, com generosos espaçamentos de 80px entre as seções. O elemento principal é dividido em duas colunas: à esquerda, o título, o subtítulo e um conjunto de dois botões de chamada para ação; à direita, um grupo de três cartões de dados sobrepostos (um gráfico financeiro, estatísticas de receita e um anel de lucratividade) flutuando sobre um fundo branco. Abaixo do elemento principal, há uma faixa com o logotipo do parceiro em toda a largura, sobre um fundo branco. As seções subsequentes alternam entre faixas em cinza (#efefef) e brancas. A navegação é um contêiner flutuante em formato de pílula, centralizado no cabeçalho, com o logotipo da marca alinhado à esquerda e um botão escuro "Fale Conosco" alinhado à direita. O ritmo geral é espaçoso e editorial — margens largas, seções altas e os cartões de dados fornecendo a única pontuação visual além da tipografia.

O design visual é quase inteiramente orientado por dados: os widgets de gráficos (gráficos de linhas, barras de progresso circulares, cartões de estatísticas) são projetados em um estilo plano e minimalista, com linhas finas em laranja e latão sobre superfícies de papelão branco. Não há fotos de estilo de vida, imagens de banco de imagens ou ilustrações na página inicial. O único conteúdo fotográfico são os logotipos de parceiros/clientes, apresentados em grafite monocromático. A linguagem visual se assemelha mais a um relatório anual impresso do que a um site típico de SaaS — os gráficos SÃO imagens. Os ícones são finos, monolíneos e na cor grafite, aparecendo com parcimônia na barra de navegação e nos cabeçalhos dos cartões.

Paleta

Marca

  • Ember Orange #ff682c — A cor laranja é usada para destacar links, tags e frases curtas. Não deve ser usada como cor principal para chamadas à ação.

Neutro

  • Graphite #202020 — O texto principal, os títulos, os links de navegação e os contornos dos ícones constituem a base tipográfica de cada elemento da interface.
  • Canvas White #ffffff — Fundo da página, elevação do cartão, preenchimento do ícone — a superfície mais brilhante do sistema.
  • Ash #efefef — O fundo principal do cartão e da seção, bem como o contêiner da barra de navegação, é predominantemente cinza quente.
  • Fog #f5f5f5 — Um tom de fundo sutil para superfícies aninhadas e contêineres secundários.
  • Ivory #ebe6dd — Fundo com tons quentes que realçam os blocos principais, dando um toque de textura de papel.
  • Steel #4d4d4d — Texto principal secundário, texto de parágrafo longo

Tipografia

de 14 a 66px · 5 etapas

  • PolySans — substituição: Inter Tight or Space Grotesk at weight 400 · esboços 400 · Títulos e Texto Decorativo - Uma tipografia neo-grotesca personalizada, usada exclusivamente com peso 400 e espaçamento entre letras de -0,02em, cria uma autoridade editorial sutil que nenhum título em negrito conseguiria replicar.
  • Inter — substituição: system-ui or Roboto · esboços 400, 500, 600 · Texto corrido, rótulos de elementos da interface do usuário, texto de botões, títulos, metadados - uma fonte sans-serif universal para tudo que não seja um título.

Intervalos e forma

PropósitoSignificado
Densidademédia
Passo básico20px
Raio do botão0px
Raio do cartão8px
Sombrasnão - bordas em vez de sombras
Entre seções80px
Largura da página1200px

A IA criará seu site no estilo Ventriloc 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

  • Ui — Plano clínico em papel fosco
  • Geniestudio — Um caderno leve e delicado — daqueles com margens largas e um traço grosso de caneta.
  • xAI — Laboratório de Creme Quente com Pílula Preta
  • Cal — Praticidade monocromática, uma abordagem humana. Um sistema que prioriza a clareza e a funcionalidade através de uma paleta estritamente em preto e branco, mas que a suaviza com tipografia amigável e formas arredondadas.
  • Scale — Um laboratório fotográfico de alta qualidade, com padrão de museu, combinado com um projeto técnico.
  • Contractbook — contratos de papel creme sob um céu ultramarino
  • AutoSend — Um estúdio aconchegante de pedra com uma única luz roxa — onde títulos em fonte serifada e chamadas à ação em um vibrante tom de índigo coexistem em um espaço tranquilo, quase branco.
  • Air — escultura "Céu da Meia-Noite Através do Vidro"
  • SpatialChat — pulso roxo em pergaminho branco
  • Squarespace — Galeria Cinematográfica Monocromática
  • Giga — Horizonte da meia-noite sobre obsidiana congelada
  • Supabase — Um editor de código à meia-noite com um ponto verde fosforescente — um único pulso cromático num mar de poeira de carvão.