
Ventriloc
Un observatorio editorial de datos sobre papel tibio: una sola brasa naranja que resalta la precisión monocromática.
Ventriloc se expresa con una voz tranquila y editorial: un lienzo blanco cálido y nítido, tarjetas de datos monoespaciadas de alta precisión y un único tono carbón naranja que resalta el monocromo como un resaltador en un informe impreso. El sistema combina una tipografía neogrotesca de diseño propio (PolySans) con un grosor de 400 puntos para los títulos —una sobriedad inusual que sacrifica la autoridad a través del volumen por la autoridad a través de la precisión— con Inter para el cuerpo del texto y los elementos de la interfaz. Las superficies son grises y cremas cálidas en lugar de un azul tecnológico frío, las tarjetas tienen esquinas redondeadas asimétricas (esquina superior derecha afilada, suave en el resto) y los elementos interactivos se dividen en dos dialectos distintos: botones de estilo texto con ángulos agudos y contenedores de navegación en forma de píldora. Los colores se usan con moderación: las páginas deben diseñarse en un estilo acromático el 95% del tiempo, y el naranja se usa solo como puntuación funcional para resaltar, subrayar enlaces y acentos decorativos de datos.
El contenedor de ancho máximo es de 1200 px, centrado, con amplios márgenes de 80 px entre secciones. El elemento principal se divide en dos columnas: a la izquierda se encuentra el titular, el subtítulo y un conjunto de dos botones de llamada a la acción; a la derecha hay un grupo de tres tarjetas de datos superpuestas (un gráfico financiero, estadísticas de ingresos, un anillo de rentabilidad) flotando sobre un lienzo blanco. Debajo del elemento principal hay una franja con el logotipo del socio de ancho completo sobre un fondo blanco. Las secciones subsiguientes alternan entre franjas Ash (#efefef) y blancas. La navegación es un contenedor flotante en forma de píldora centrado en el encabezado, con el logotipo de la marca alineado a la izquierda y un botón oscuro de "Contáctanos" alineado a la derecha. El ritmo general es espacioso y editorial: amplios márgenes, secciones altas y las tarjetas de datos proporcionan la única puntuación visual además de la tipografía.
El diseño visual se basa casi por completo en datos: los widgets gráficos (gráficos de líneas, barras de progreso circulares, tarjetas de estadísticas) están diseñados en un estilo plano y minimalista con finas líneas naranjas y de latón sobre superficies blancas de cartulina. No hay fotos de estilo de vida, imágenes de archivo ni ilustraciones en la página de inicio. El único contenido fotográfico son los logotipos de socios y clientes, presentados en grafito monocromo. El lenguaje visual se asemeja más a un informe anual impreso que a un sitio web típico de SaaS: los gráficos SON imágenes. Los iconos son finos, monolineales y de color grafito, y aparecen con moderación en la barra de navegación y en los encabezados de las tarjetas.
Paleta
Marca
- Ember Orange
#ff682c— El naranja se utiliza para resaltar enlaces, etiquetas y frases cortas. No debe usarse como color principal para las llamadas a la acción.
Neutral
- Graphite
#202020— Texto principal, encabezados, enlaces de navegación, contornos de iconos: estos son la base tipográfica de cada elemento de la interfaz. - Canvas White
#ffffff— Fondo de página, relieve de tarjeta, relleno de iconos: la superficie más brillante del sistema. - Ash
#efefef— El fondo principal de la tarjeta y la sección, así como el contenedor de la barra de navegación, es una superficie predominantemente gris cálida. - Fog
#f5f5f5— Un tono de fondo sutil para superficies anidadas y contenedores secundarios. - Ivory
#ebe6dd— Fondo cálido que aporta un toque de color a los bloques principales, con una textura similar al papel. - Steel
#4d4d4d— Texto principal secundario, texto de párrafo largo
Tipografía
De 14 a 66 píxeles · 5 pasos
- PolySans — reemplazo: Inter Tight or Space Grotesk at weight 400 · esquemas 400 · Titulares y texto decorativo: una tipografía neogrotesca de diseño personalizado, utilizada exclusivamente con un grosor de 400 y un espaciado entre letras de -0,02em, crea una sutil autoridad editorial que ningún titular en negrita podría replicar.
- Inter — reemplazo: system-ui or Roboto · esquemas 400, 500, 600 · Texto del cuerpo, etiquetas de elementos de la interfaz de usuario, texto de botones, encabezados, metadatos: una fuente sans-serif universal para todo lo que no sea un encabezado.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 20px |
| Radio del botón | 0px |
| Radio de la tarjeta | 8px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 80px |
| Ancho de página | 1200px |
La IA construirá tu sitio web al estilo de Ventriloc y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Ui — Plan clínico en papel mate
- Geniestudio — Un cuaderno de luz diurna suave, de esos con márgenes amplios y un trazo grueso de pluma.
- xAI — Laboratorio de crema tibia con pastilla negra
- Cal — Practicidad monocromática, un enfoque humano. Un sistema que prioriza la claridad y la funcionalidad mediante una estricta paleta en blanco y negro, pero que la suaviza con una tipografía amigable y formas redondeadas.
- Scale — Un laboratorio fotográfico de alta calidad, digno de un museo, combinado con un proyecto técnico.
- Contractbook — contratos de papel crema bajo un cielo ultramar
- AutoSend — Un acogedor estudio de piedra con una sola luz violeta, donde titulares con serifa y brillantes llamadas a la acción de color índigo coexisten en un espacio tranquilo, casi blanco.
- Air — Escultura "Cielo de medianoche a través del cristal"
- SpatialChat — Pulso púrpura sobre pergamino blanco
- Squarespace — Galería Cinematográfica Monocromática
- Giga — Horizonte de medianoche sobre obsidiana escarchada
- Supabase — Un editor de código a medianoche con un punto verde fosforescente: un único pulso cromático sobre un mar de polvo de carbón.