Wise
Musgo denso com uma tensão calcária. Faíscas de calcário no solo florestal quase negro, e figuras maciças e angulares sinalizam cada movimento.
A tipografia Wise se expressa com uma voz confiante e ligeiramente imponente: um verde-floresta profundo (#163300) ocupa a maior parte da superfície — texto, navegação, seções escuras, ícones — enquanto um único verde-limão brilhante (#9fe870) serve como pontuação funcional em chamadas à ação, abas ativas e elementos-chave. A tipografia é quase agressiva: a Wise Sans com espessura de linha 900, densamente compactada, destaca-se em letras grandes (mais de 100px) na tela inicial. O restante do sistema permanece discreto em um fundo branco-sujo com superfícies cinza suaves (#e8ebe6). Os componentes têm formato de pílula por padrão — botões, segmentos de navegação, miniaturas de caixas de seleção, máscaras de imagem — com raios pequenos (10px) reservados para cartões e campos de entrada. Gradientes de cores são raros; em vez disso, a combinação de verde-salamandra e verde-floresta muda suavemente à medida que as seções escurecem, criando um ritmo sem excesso de decoração.
Um contêiner com largura máxima de 1200px, centralizado, com uma seção superior e uma seção escura que se estendem por toda a largura da página. O layout do cabeçalho apresenta um título grande e centralizado sobre um fundo branco, com uma grande ilustração (um globo) que se estende além da borda inferior da área visível. O ritmo das seções alterna entre branco, verde claro e uma seção escura em "tinta de floresta", criando um ritmo de cores natural. O layout do conteúdo é predominantemente centralizado: blocos de texto e imagens em duas colunas na parte superior, ou linhas com elementos principais em três colunas nas seções secundárias. Uma grade de cinco colunas com bandeiras é usada para exibir a lista de países. A navegação consiste em uma única barra superior fixa com um botão de alternância segmentado. O código QR permanece fixo no canto inferior direito em todas as posições de rolagem.
Ilustrações em 3D representando um globo com moedas de ouro criam o universo visual da marca — tátil, ligeiramente surreal, executado com gradientes suaves e iluminação quente. A fotografia é minimalista; quando utilizada, apresenta um tom claro e informal. As bandeiras nacionais são apresentadas como miniaturas circulares em uma grade de cinco colunas — o único sistema "icônico" é a identidade nacional. Sem elementos gráficos abstratos, sem modelos padronizados. O globo e as moedas são um motivo recorrente do mascote, sinalizando alcance global por meio de um único objeto acolhedor e otimista, em vez de uma montagem.
Paleta
Marca
- Forest Ink
#163300— O estilo escuro dominante da marca — texto de navegação, fundos escuros nas seções, texto corrido em superfícies claras, contornos de ícones e elementos de navegação preenchidos — é o que define sua força: onde quer que seja necessário peso ou autoridade, você escolhe Forest Ink. - Lime Voltage
#9fe870— O verde é usado como cor secundária para detalhes decorativos e para destacar termos de pesquisa menos frequentes. Não deve ser usado como cor principal para chamadas à ação. - Spruce
#054d28— Um tom secundário de verde escuro é usado para superfícies de cartões, iconografia menor e para adicionar profundidade a áreas escuras onde a tinta Forest Ink está muito saturada.
Neutro
- Linen Mist
#e2f6d5— Um tom de verde claro para realces suaves em superfícies, fundos coloridos de cartões e efeitos de foco em barras de navegação. Um tom sutil de verde característico para elementos discretos de design de contêineres. - Signal Blue
#0b4c72— A cor azul serve como um detalhe decorativo adicional e para enfatizar as frequências graves. - Alarm Red
#cb272f— O vermelho serve como um toque de cor complementar para detalhes decorativos e para realçar cores incomuns. Use-o como um toque de cor complementar, não como uma cor de status. - Charcoal
#454745— Corpo do texto, corpo do texto, interface de usuário rica - um preto ligeiramente quente que parece mais suave do que um #000 puro em um fundo branco. - Obsidian
#0e0f0c— Títulos, títulos de alto contraste, elementos totalmente pretos na navegação e no menu principal. Preto com um leve tom esverdeado, não um cinza neutro. - Pebble
#868685— Texto secundário discreto, texto de exemplo, contornos de ícones e bordas de campos de entrada. Cinza médio, que se perde na distância.
Tipografia
de 12 a 105px · 10 passos
- Inter — substituição: Inter (native Google Fonts) · esboços 400,500,600,700 · Texto principal, interface do usuário, legendas e subtítulos em todo o produto. Uma fonte de peso 700 é usada para títulos de nível médio (36–45px), 500–600 para subtítulos e legendas, e 400 para texto principal e legendas. A fonte Inter proporciona uma aparência mais sutil, enquanto a Wise Sans proporciona uma aparência mais ousada.
- Wise Sans — substituição: Inter Black (900) with -0.04em tracking · esboços 900 · Os títulos são o cartão de visitas de uma marca. Uma fonte superdensa de 900 pixels, com espaçamento entre linhas de 89 a 105 pixels e letras estreitas, transforma cada título em um anúncio impactante. Eles são usados com moderação: como texto corrido, para títulos de seção e para destacar campanhas.
- monospace — substituição: Inter · esboços 400 · monoespaçado - encontrado nos dados extraídos, mas não descrito pela IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 8-12px |
| Raio do botão | 9999px |
| Raio do cartão | 10px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 64-80px |
| Largura da página | 1200px |
A IA criará seu site no estilo Wise 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
- Integrated Biosciences — Laboratório de bioluminescência à meia-noite
- Huly — Auroras Boreais no Observatório da Meia-Noite - o protagonista é um feixe vertical de luz roxa que se desvanece em coral, e cada seção silenciosa abaixo dele repete a mesma narrativa em dois tons, contada de forma mais suave.
- Dia Browser — Um espaço de galeria com câmara escura se mistura com um jornal editorial. A cena completamente escura revela uma página dupla iluminada pelo sol, cada seção marcada por uma única manchete com fonte serifada.
- Mintlify — Um jardim de nuvens sobre uma mesa de vidro. O céu desenhado à mão e o documentário são emoldurados juntos — o único lugar onde cor e conceito se encontram antes que a página se desvaneça em um branco monástico.
- Gleap — Um espaço de trabalho decorado em tons creme quentes com detalhes em grafite — um estúdio onde pontos de tinta preta fosca parecem flutuar sobre a estrutura de linho.
- ClickUp — Um painel de controle poderoso sobre mármore branco. A página é um folheto de produto para uma ferramenta de produtividade, portanto a linguagem visual é emprestada do próprio produto: listas densas, indicadores de status, grupos de avatares e declarações tipográficas em negrito que se assemelham a uma especificação de produto em exibição.
- monday — Oficina branca com adesivos em tons pastel
- Portal — Editorial Twilight Serif - Uma matéria premium em uma revista independente, com design no estilo iOS.
- Slack — O palco é cor de berinjela com holofotes brancos. Um tom ameixa profundo domina as áreas escuras, enquanto a tela esbranquiçada permite que os grandes títulos de vanguarda respirem livremente.
- Base44 — Caderno iluminado pelo sol com marcador verde-limão
- Letters — Uma consulta matinal em uma clínica ao ar livre — uma mesa branca e estéril sob um teto azul suave, repleta de instrumentos cirúrgicos azuis.
- Duolingo — Parque infantil verde com linhas de demarcação grossas