Wise
Musgo profundo cunha tensión calcaria. Faíscas calcarias no chan case negro do bosque e figuras masivas e angulares sinalan cada movemento.
O tipo de letra Wise fala cunha voz segura e lixeiramente alta: un verde bosque intenso (#163300) ocupa a maior parte da superficie (texto, navegación, seccións escuras, iconas), mentres que un único verde lima brillante (#9fe870) serve como puntuación funcional nas chamadas á acción, as lapelas activas e os elementos clave. O tipo de letra é case agresivo: Wise Sans, cun grosor de liña de 900, densamente compactado, destaca en letras grandes (máis de 100 px) na pantalla de inicio. O resto do sistema permanece discreto sobre un lenzo branco roto con superficies grises suaves (#e8ebe6). Os compoñentes teñen forma de pílula por defecto (botóns, segmentos de navegación, miniaturas de caixas de verificación, máscaras de imaxe) con raios pequenos (10 px) reservados para tarxetas e campos de entrada. Os degradados de cor son raros; en cambio, a combinación de verde píntega e verde bosque cambia suavemente a medida que as seccións se escurecen, creando un ritmo sen decoración excesiva.
Un contedor de 1200 px de ancho máximo, centrado, cunha sección superior e outra escura que abarca todo o ancho da páxina. O deseño da cabeceira presenta un título enorme e centrado sobre un fondo branco, cunha ilustración grande (globo) que se estende máis alá do bordo inferior da ventá gráfica. O ritmo da sección alterna entre branco, verde claro e unha sección escura en "tinta forestal", creando un ritmo de cor natural. O deseño do contido está principalmente centrado: bloques de texto e imaxes en dúas columnas na parte superior ou filas con elementos primarios en tres columnas nas seccións secundarias. Úsase unha grella de cinco columnas con bandeiras para mostrar a lista de países. A navegación é unha única barra superior fixa cun alternador segmentado. O código QR permanece fixo na esquina inferior dereita en todas as posicións de desprazamento.
As ilustracións en 3D que representan un globo terráqueo con moedas de ouro crean o mundo visual da marca: táctil, lixeiramente surrealista, executado con gradientes suaves e iluminación cálida. A fotografía é minimalista; cando se usa, é sofisticada e informal. As bandeiras nacionais preséntanse como miniaturas circulares nunha grella de cinco columnas; o único sistema "icónico" é a identidade nacional. Sen elementos gráficos abstractos, sen modelos estándar. O globo terráqueo e as moedas son un motivo recorrente da mascota, que sinala o alcance global a través dun único obxecto cálido e optimista, en lugar dunha montaxe.
Paleta
Marca
- Forest Ink
#163300— O estilo escuro dominante da marca (texto de navegación, fondos de seccións escuras, corpo de texto sobre superficies claras, contornos de iconas e elementos de navegación cheos) é o que define a súa forza: sempre que se precise peso ou autoridade, escolle Forest Ink. - Lime Voltage
#9fe870— O verde úsase como acento secundario para detalles decorativos e para destacar consultas de busca menos utilizadas. Non se debe usar como cor principal para chamadas á acción. - Spruce
#054d28— Úsase un verde escuro secundario para as superficies das cartas, iconografía menor e para engadir profundidade ás zonas escuras onde a tinta forestal está demasiado saturada.
Neutro
- Linen Mist
#e2f6d5— Un ton verde claro para resaltados suaves en superficies, fondos de tarxetas tintados e estados ao pasar o cursor polo rato nas barras de navegación. Un ton sutil de verde característico para elementos de deseño de contedores discretos. - Signal Blue
#0b4c72— A cor azul serve como acento adicional para detalles decorativos e para enfatizar as frecuencias baixas. - Alarm Red
#cb272f— O vermello serve como complemento para detalles decorativos e para resaltar cores pouco comúns. Úsao como complemento, non como cor de status. - Charcoal
#454745— Corpo de texto, corpo de texto, interface de usuario rica: un negro lixeiramente cálido que se sente máis suave que un #000 puro sobre un fondo branco. - Obsidian
#0e0f0c— Títulos, títulos de alto contraste, elementos negros puros na navegación e no menú principal. Negro cun ton lixeiramente verdoso, non un gris neutro. - Pebble
#868685— Texto secundario tenue, texto de marcador de posición, contornos de iconas e bordos de campos de entrada. Gris medio, que se afasta na distancia.
Tipografía
de 12 a 105 px · 10 pasos
- Inter — substitución: Inter (native Google Fonts) · contornos 400,500,600,700 · Corpo de texto, interface de usuario, lendas e subtítulos en todo o produto. Úsase unha fonte de grosor 700 para os títulos de nivel medio (36–45 px), de 500–600 para os subtítulos e as lendas e de 400 para o corpo de texto e as lendas. Inter ofrece un aspecto máis sutil, mentres que Wise Sans ofrece un aspecto máis atrevido.
- Wise Sans — substitución: Inter Black (900) with -0.04em tracking · contornos 900 · Os titulares son a tarxeta de presentación dunha marca. Unha fonte 900 superdensa con paso de 89–105 px e un espazado entre letras axustado transforma cada titular nun anuncio moi en negra. Úsanse con moderación: como texto do corpo, para os títulos das seccións e para os aspectos destacados da campaña.
- monospace — substitución: Inter · contornos 400 · monoespazado: atópase nos datos extraídos pero non se describe pola IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 8-12px |
| Radio do botón | 9999px |
| Radio da tarxeta | 10px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 64-80px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Wise 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
- Integrated Biosciences — laboratorio de bioluminescencia á medianoite
- Huly — Observatorio das auroras boreais á medianoite: o protagonista é un raio vertical de cor púrpura que se desvanece no coral, e cada sección silenciosa debaixo del toma prestada a mesma historia bicolor contada nun ton máis tenue.
- Dia Browser — Un espazo de galería de cuarto escuro mestúrase cun xornal editorial. A escena escura revela unha extensión de xornal iluminada polo sol, cada sección marcada por un único titular con serifas.
- Mintlify — Un xardín de nubes sobre unha mesa de cristal. O ceo debuxado a man e o documental están enmarcados xuntos: o único lugar onde a cor e o concepto chocan antes de que a páxina se esvaeza nun branco monástico.
- Gleap — Un espazo de traballo decorado en tons crema cálidos con detalles en grafito: un estudo onde os puntos de tinta negra mate parecen flotar sobre a arquitectura de liño.
- ClickUp — Un potente panel de control sobre mármore branco. A páxina é un folleto de produto para unha ferramenta de produtividade, polo que a linguaxe visual está tomada prestada do propio produto: listas densas, indicadores de estado, grupos de avatares e declaracións tipográficas en negriña que semellan unha especificación de produto en pantalla.
- monday — Taller branco con adhesivos pastel
- Portal — Editorial Twilight Serif: unha colección premium nunha revista independente, deseñada ao estilo de iOS
- Slack — O escenario é de cor berenxena con focos brancos. Un ton ameixa intenso domina as zonas escuras, mentres que a lona branca apagada permite que os grandes títulos vangardistas respiren libremente.
- Base44 — Caderno iluminado polo sol con rotulador de lima
- Letters — Unha cita matinal nunha clínica ao aire libre: unha mesa branca estéril baixo un teito azul suave, chea de instrumentos cirúrxicos azuis
- Duolingo — Parque infantil verde con liñas de marcado grosas