Wise
Musgo espeso con una tensión calcárea. Chispas de piedra caliza en el suelo casi negro del bosque, y figuras enormes y angulares señalan cada movimiento.
La tipografía Wise se expresa con una voz segura y ligeramente fuerte: un verde bosque intenso (#163300) ocupa la mayor parte de la superficie (texto, navegación, secciones oscuras, iconos), mientras que un verde lima brillante (#9fe870) sirve como puntuación funcional en las llamadas a la acción, las pestañas activas y los elementos clave. La tipografía es casi agresiva: Wise Sans, con un grosor de línea de 900 y una densidad de caracteres alta, destaca en letras grandes (más de 100 px) en la pantalla de inicio. El resto del sistema se mantiene discreto sobre un fondo blanco roto con superficies grises suaves (#e8ebe6). Los componentes tienen forma de píldora por defecto (botones, segmentos de navegación, miniaturas de casillas de verificación, máscaras de imagen), con radios pequeños (10 px) reservados para tarjetas y campos de entrada. Los degradados de color son escasos; en su lugar, la combinación de verde salamandra y verde bosque cambia suavemente a medida que las secciones se oscurecen, creando un ritmo sin adornos excesivos.
Un contenedor de 1200 px de ancho máximo, centrado, con una sección superior y oscura que abarca todo el ancho de la página. El diseño del encabezado presenta un título grande y centrado sobre un fondo blanco, con una ilustración grande (globo terráqueo) que se extiende más allá del borde inferior de la ventana gráfica. El ritmo de la sección alterna entre blanco, verde claro y una sección oscura en "tinta de bosque", creando un ritmo de color natural. El diseño del contenido está principalmente centrado: bloques de texto e imágenes en dos columnas en la parte superior, o filas con elementos principales en tres columnas en las secciones secundarias. Se utiliza una cuadrícula de cinco columnas con banderas para mostrar la lista de países. La navegación es una única barra superior fija con un interruptor segmentado. El código QR permanece fijo en la esquina inferior derecha en todas las posiciones de desplazamiento.
Las ilustraciones en 3D que representan un globo terráqueo con monedas de oro crean el universo visual de la marca: táctil, ligeramente surrealista, ejecutado con suaves degradados e iluminación cálida. La fotografía es minimalista; cuando se utiliza, es de clave alta y casual. Las banderas nacionales se presentan como miniaturas circulares en una cuadrícula de cinco columnas; el único sistema "icónico" es la identidad nacional. No hay elementos gráficos abstractos ni plantillas estándar. El globo y las monedas son un motivo recurrente de la mascota, que simboliza el alcance global a través de un único objeto cálido y optimista, en lugar de un montaje.
Paleta
Marca
- Forest Ink
#163300— El estilo oscuro predominante de la marca —texto de navegación, fondos de sección oscuros, texto principal sobre superficies claras, contornos de iconos y elementos de navegación rellenos— es lo que define su fuerza: dondequiera que se requiera peso o autoridad, se elige Forest Ink. - Lime Voltage
#9fe870— El verde se utiliza como color de acento secundario para detalles decorativos y para resaltar las consultas de búsqueda menos frecuentes. No debe utilizarse como color principal para las llamadas a la acción. - Spruce
#054d28— Se utiliza un verde oscuro secundario para las superficies de las tarjetas, la iconografía menor y para añadir profundidad a las zonas oscuras donde la tinta Forest Ink está demasiado saturada.
Neutral
- Linen Mist
#e2f6d5— Un tono verde claro para reflejos suaves en superficies, fondos de tarjetas con matices y efectos al pasar el cursor sobre las barras de navegación. Un sutil tono verde característico para elementos de diseño discretos en contenedores. - Signal Blue
#0b4c72— El color azul sirve como acento adicional para los detalles decorativos y para enfatizar las bajas frecuencias. - Alarm Red
#cb272f— El rojo sirve como acento de apoyo para detalles decorativos y para resaltar colores poco comunes. Úselo como acento de apoyo, no como color de estatus. - Charcoal
#454745— Texto principal, texto enriquecido, interfaz de usuario sofisticada: un negro ligeramente cálido que se siente más suave que un #000 puro sobre un fondo blanco. - Obsidian
#0e0f0c— Encabezados, encabezados de alto contraste, elementos de color negro puro en la navegación y el menú principal. Negro con un ligero tinte verdoso, no un gris neutro. - Pebble
#868685— Texto secundario, texto de marcador de posición, contornos de iconos y bordes de campos de entrada en tonos apagados. Gris medio que se desvanece en la distancia.
Tipografía
de 12 a 105 píxeles · 10 pasos
- Inter — reemplazo: Inter (native Google Fonts) · esquemas 400,500,600,700 · Texto principal, interfaz de usuario, leyendas y subtítulos en todo el producto. Se utiliza una fuente de 700 puntos para los títulos de nivel medio (36–45 px), de 500–600 puntos para los subtítulos y leyendas, y de 400 puntos para el texto principal y las leyendas. La fuente Inter ofrece un aspecto más sutil, mientras que Wise Sans ofrece un aspecto más llamativo.
- Wise Sans — reemplazo: Inter Black (900) with -0.04em tracking · esquemas 900 · Los titulares son la carta de presentación de una marca. Una fuente de 900 caracteres, con un espaciado entre caracteres de 89 a 105 píxeles, transforma cada titular en un anuncio impactante. Se utilizan con moderación: como texto principal, para los encabezados de sección y para destacar los puntos clave de la campaña.
- monospace — reemplazo: Inter · esquemas 400 · monoespaciada: se encuentra en los datos extraídos pero no está descrita por la IA.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 8-12px |
| Radio del botón | 9999px |
| Radio de la tarjeta | 10px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 64-80px |
| Ancho de página | 1200px |
La IA construirá tu sitio web al estilo de Wise 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
- Integrated Biosciences — Laboratorio de bioluminiscencia a medianoche
- Huly — Auroras boreales en el Observatorio de Medianoche: el protagonista es un rayo vertical de color púrpura que se desvanece en coral, y cada sección tranquila debajo de él toma prestada la misma historia de dos tonos contada en un tono más sobrio.
- Dia Browser — Un espacio de galería con cuarto oscuro se fusiona con un periódico editorial. La escena, sumida en la oscuridad total, deja ver un reportaje periodístico iluminado por el sol, donde cada sección está marcada por un único titular con serifa.
- Mintlify — Un jardín de nubes sobre una mesa de cristal. El cielo dibujado a mano y el documental se entrelazan: el único punto donde el color y el concepto colisionan antes de que la página se desvanezca en un blanco monástico.
- Gleap — Un espacio de trabajo decorado en cálidos tonos crema con detalles en grafito: un estudio donde los puntos de tinta negra mate parecen flotar sobre la arquitectura de lino.
- ClickUp — Un potente panel de control sobre mármol blanco. La página es un folleto de producto para una herramienta de productividad, por lo que el lenguaje visual se toma prestado del propio producto: listas densas, indicadores de estado, grupos de avatares y declaraciones tipográficas en negrita que parecen las especificaciones del producto en pantalla.
- monday — Taller blanco con pegatinas en tonos pastel.
- Portal — Editorial Twilight Serif: Un reportaje de alta calidad en una revista independiente, diseñado al estilo iOS.
- Slack — El escenario es de color berenjena con focos blancos. Un tono ciruela intenso predomina en las zonas oscuras, mientras que el lienzo blanquecino permite que los grandes títulos vanguardistas respiren con libertad.
- Base44 — Cuaderno iluminado por el sol con rotulador verde lima
- Letters — Una cita matutina en una clínica al aire libre: una mesa blanca estéril bajo un techo azul claro, repleta de instrumentos quirúrgicos azules.
- Duolingo — Parque infantil verde con líneas de marcaje gruesas