
Ventriloc
Un observatorio editorial de datos en papel quente: unha única brasa laranxa que destaca a precisión monocromática
Ventriloc fala cunha voz editorial tranquila: unha lona branca e nítida, tarxetas de datos monoespaciadas de alta precisión e un único carbón laranxa que puntua o monocromo coma un marcador nun informe impreso. O sistema combina unha tipografía neogrotesca de deseño personalizado (PolySans) cun peso de 400 puntos para os títulos (unha restrición inusual que sacrifica a autoridade a través do volume pola autoridade a través da precisión) con Inter para o corpo do texto e os elementos da interface. As superficies son grises e cremas cálidos en lugar dun azul tecnolóxico frío, as tarxetas teñen un redondeo asimétrico nas esquinas (esquina superior dereita nítida, suave no resto do texto) e os elementos interactivos divídense en dous dialectos distintos: botóns de estilo texto con ángulos nítidos e contedores de navegación en forma de pílula. As cores úsanse con moderación: as páxinas deben deseñarse nun estilo acromático o 95 % das veces e o laranxa úsase só como puntuación funcional para resaltar, subliñar ligazóns e acentos decorativos dos datos.
O contedor de ancho máximo é de 1200 px, centrado, con amplos espazos de 80 px entre as seccións. O elemento principal está dividido en dúas columnas: á esquerda está o título, o subtexto e un conxunto de dous botóns de chamada á acción; á dereita hai un grupo de tres tarxetas de datos superpostas (un gráfico financeiro, estatísticas de ingresos, un anel de rendibilidade) flotando sobre un lenzo branco. Debaixo do elemento principal hai unha franxa do logotipo do socio de ancho completo sobre un fondo branco. As seccións posteriores alternan entre Cinza (#efefef) e franxas brancas. A navegación é un contedor flotante en forma de pílula centrado na cabeceira, co logotipo da marca aliñado á esquerda e un botón escuro "Contacto" aliñado á dereita. O ritmo xeral é espazoso e editorial: marxes amplas, seccións altas e as tarxetas de datos proporcionan a única puntuación visual ademais da tipografía.
O deseño visual está case na súa totalidade baseado en datos: os widgets dos gráficos (gráficos de liñas, barras de progreso circulares, tarxetas de estatísticas) están deseñados nun estilo plano e minimalista con liñas finas laranxas e latón sobre superficies de cartón branco. Non hai fotos de estilo de vida, nin imaxes de stock, nin ilustracións na páxina de inicio. O único contido fotográfico son os logotipos de socios/clientes, presentados en grafito monocromo. A linguaxe visual é máis próxima a un informe anual impreso que a un sitio web SaaS típico: os gráficos SON imaxes. As iconas son finas, monolineais e de cor grafito, aparecendo escasamente na barra de navegación e nas cabeceiras das tarxetas.
Paleta
Marca
- Ember Orange
#ff682c— O laranxa úsase para destacar ligazóns, etiquetas e frases curtas. Non se debe usar como cor principal para as chamadas á acción.
Neutro
- Graphite
#202020— Texto principal, títulos, ligazóns de navegación, contornos de iconas: esta é a base tipográfica de cada elemento da interface. - Canvas White
#ffffff— Fondo da páxina, elevación da tarxeta, recheo da icona: a superficie máis brillante do sistema. - Ash
#efefef— O fondo principal da tarxeta e da sección, o contedor da barra de navegación, é unha superficie predominantemente gris cálida. - Fog
#f5f5f5— Un ton de fondo sutil para superficies aniñadas e contedores secundarios. - Ivory
#ebe6dd— Fondo de acento cálido para os bloques principais: unha sensación de papel. - Steel
#4d4d4d— Texto principal secundario, texto de parágrafo longo
Tipografía
de 14 a 66 px · 5 pasos
- PolySans — substitución: Inter Tight or Space Grotesk at weight 400 · contornos 400 · Titulares e texto decorativo: unha tipografía neogrotesca deseñada a medida, empregada exclusivamente cun grosor de 400 e un espazado entre letras de -0,02 em, crea unha autoridade editorial sutil que ningún titular en negra podería replicar.
- Inter — substitución: system-ui or Roboto · contornos 400, 500, 600 · Texto do corpo, etiquetas dos elementos da IU, texto dos botóns, títulos, metadatos: unha fonte sans-serif universal para todo o que non sexa un título.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 20px |
| Radio do botón | 0px |
| Radio da tarxeta | 8px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 80px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Ventriloc 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
- Ui — plan clínico en papel mate
- Geniestudio — Un caderno suave para a luz do día, do tipo con marxes amplas e un só trazo groso de pluma
- xAI — Crema morna de laboratorio con pílula negra
- Cal — Practicidade monocromática, unha abordaxe humana. Un sistema que prioriza a claridade e a funcionalidade a través dunha estrita paleta de branco e negro, pero que a suaviza cunha tipografía amigable e formas redondeadas.
- Scale — Un laboratorio fotográfico de alta calidade, digno dun museo, combinado cun proxecto técnico
- Contractbook — contratos de papel crema baixo un ceo ultramarino
- AutoSend — Un acolledor estudo de pedra cunha única luz morada, onde titulares con serifas e chamadas á acción en añil brillante conviven nun espazo tranquilo, case branco.
- Air — escultura "Ceo de medianoite a través do vidro"
- SpatialChat — pulso púrpura sobre pergamiño branco
- Squarespace — Galería monocromática cinematográfica
- Giga — Horizonte de medianoite sobre obsidiana xeada
- Supabase — Un editor de código á medianoite cun punto verde fosforescente: un único pulso cromático sobre un mar de po de carbón.