
Superpower
Centro de Gestão de Saúde Bioluminescente
Superpower incorpora uma promessa clínica séria em uma interface de usuário cinematográfica e envolvente: fotografias escuras em tela cheia transitam perfeitamente para superfícies de conteúdo brancas e nítidas, enquanto um único e vibrante toque de laranja, como o nascer do sol, pulsa por todo o sistema. A tipografia representa a marca — uma fonte geométrica sem serifa exclusiva, com espaçamento mínimo entre letras, variando de 11px para metadados a 66px para exibição, com espaçamento entre linhas que se comprime à medida que o tamanho aumenta (1,00 para exibição, 1,40–1,50 para o corpo do texto). Uma barra de navegação flutuante, escura e em formato de cápsula paira sobre as imagens, e chamadas para ação também em formato de cápsula criam uma tensão entre a precisão clínica e uma energia vibrante e acolhedora. As superfícies são predominantemente planas — o sistema utiliza bastante espaço em branco, divisores sutis em tom de zinco e um único padrão de sombra discreto, em vez de uma forte elevação. As cores são usadas com parcimônia: quase tudo é preto, branco ou cinza zinco, com o laranja aparecendo apenas como sinais de pontuação funcionais em ações e na identidade visual da marca.
A imagem principal é dominada por uma fotografia cinematográfica em tela cheia — a silhueta de uma pessoa contra um céu azul-turquesa profundo; a imagem é intencionalmente escura e melancólica para criar peso emocional e contraste com a promessa de saúde. As imagens secundárias são fotos estreitas e minimalistas no estilo do produto (o cartão de membro laranja marmorizado, capturas de tela do aplicativo), em vez de fotografias de estilo de vida. Não há ilustrações, renderizações 3D ou gráficos abstratos — o contraste fotográfico é a identidade visual. O cartão de membro é adornado com um padrão orgânico de mármore/lâmpada de lava em tons de Sunrise — o único elemento visual decorativo. Os ícones têm raio de linha de 7,5 px (quadrados arredondados suaves) com traços sutis de carbono preto.
Paleta
Marca
- Sunrise Coral
#fc5f2b— A cor laranja é usada como um toque secundário em detalhes decorativos e para destacar elementos que não são tão frequentes. Não deve ser usada como cor principal para chamadas à ação. - Coral Glow
#ff8b64— Ponto final em degradê combinado com a cor Coral do Nascer do Sol para design decorativo de cartões de membro.
Neutro
- Carbon Black
#18181b— Texto principal, preenchimento da barra de navegação flutuante, títulos, contorno do ícone. - Pure Black
#000000— Logotipo, texto, molduras com alto contraste. - Zinc Gray
#71717a— Texto principal, descrições adicionais, metadados ocultos, texto auxiliar. - Ash Gray
#a1a1aa— Texto terciário, fronteiras inativas, estados desativados - Mist Gray
#e4e4e7— Linhas de acabamento finas, contornos de cartões, linhas divisórias, molduras de botões. - Fog Gray
#f4f4f5— Irregularidades sutis na superfície, fundo discreto, imagem sobreposta a uma base em forma de malha.
Tipografia
de 11 a 66px · 8 etapas
- NB International Pro — substituição: Inter Tight · esboços 400, 700 · Tudo — design, títulos, corpo do texto, interface do usuário e navegação — está perfeitamente integrado. A solução exclusiva consiste em um espaçamento negativo entre letras extremamente estreito, escalável de acordo com o tamanho (de -0,025em a 66px para textos pequenos), combinado com um espaçamento entre linhas que se comprime à medida que o tamanho aumenta, conferindo aos títulos uma densidade monolítica, semelhante à de um pôster, que diferencia o Superpower de seus concorrentes mais leves no setor de tecnologia médica.
- NB International Mono Pro — substituição: JetBrains Mono · esboços 400 · Metadados tabulares, anotações em microtexto e rótulos técnicos são usados com parcimônia em situações que exigem uma abordagem clínica/instrumental.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 11px |
| Raio do botão | 9999px |
| Raio do cartão | 15px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 75px |
| Largura da página | 1200px |
A IA criará seu site no estilo Superpower 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
- Visitors — desenho de engenharia branco
- Dock — Papel Creme Iluminado pelo Sol, Pulso Cobalto
- Flying Papers — Confissão em um desenho animado de sábado de manhã
- Quizlet — A sala de aula é decorada com uma variedade de cores sobre um fundo branco - uma carteira silenciosa, atrás da qual quatro cartões em tons pastel são o único ponto de cor vibrante em meio a paredes cinza-escuras e uma única marca feita com um marcador índigo.
- ON.energy — Sinal amarelo de aviso de alta tensão em aço meia-noite
- Navigate — Um grande conjunto de adesivos colados em um quadro: fonte grotesca grande, tudo em formato de tabletes, e cinco ícones multicoloridos, que se repetem como um logotipo.
- Linear — instrumento de precisão da meia-noite
- Pop Site — Uma galeria tipográfica austera – manchetes pretas monumentais flutuando em paredes brancas, com um único ponto azul expressando a intenção.
- Hyperstudio — O desenho está gravado em obsidiana. Texto e linhas finas emolduram um espaço branco de preto puro, com ocasionais marcas douradas de bússola indicando o caminho.
- Pa'lais — Um caderno de esboços botânicos, como se estivesse embebido em mel. Papel creme, ilustrações em azul no estilo toile de Jouy e toques quentes de cor evocam um livro de receitas artesanal, enquanto uma fonte ousada e condensada e bastante espaço em branco conferem-lhe um ar moderno e editorial.
- Raus — Um diário aconchegante escrito em papel creme — cada página é como um cartão-postal da floresta.
- Privy — Um editorial impresso em tinta sobre mármore. Tela de mármore branco, títulos pretos com serifa bem compactos, uma única faixa roxa cruzando o topo — a contenção como autoridade.