Superpower
Centro de Gestión de la Salud Bioluminiscente
Superpower plasma una seria promesa clínica en una interfaz de usuario cinematográfica y atmosférica: fotografías oscuras de ancho completo se integran a la perfección con superficies de contenido blancas nítidas, mientras que un vibrante acento naranja amanecer pulsa en todo el sistema. La tipografía representa la marca: una sans-serif geométrica distintiva con un espaciado mínimo entre letras negativas, que se escala de 11 px para metadatos a 66 px para visualización, con un interlineado que se comprime a medida que aumenta el tamaño (1,00 para visualización, 1,40–1,50 para texto principal). Una barra de navegación flotante, oscura y con forma de cápsula se sitúa sobre las imágenes, y las llamadas a la acción con forma de cápsula crean una tensión entre la precisión clínica y una energía cálida y vital. Las superficies son en su mayoría planas: el sistema se basa en amplios espacios en blanco, sutiles divisores de zinc y un único y sutil patrón de sombra en lugar de un relieve marcado. Los colores se utilizan con moderación: casi todo es negro, blanco o gris zinc, y el naranja aparece solo como signos de puntuación funcionales en acciones y la marca.
La imagen principal está dominada por una fotografía cinematográfica de ancho completo: la silueta de una persona contra un cielo azul turquesa intenso; la imagen es intencionadamente oscura y sombría para crear un peso emocional y un contraste con la promesa de salud. Las imágenes secundarias son tomas estrechas y despejadas de estilo de producto (la tarjeta de membresía naranja jaspeada, capturas de pantalla de la aplicación) en lugar de fotografía de estilo de vida. No hay ilustraciones, ni renders 3D, ni gráficos abstractos: el contraste fotográfico es la identidad visual. La tarjeta de membresía está adornada con un patrón orgánico de mármol/lámpara de lava en tonos amanecer, el único elemento visual decorativo. Los iconos son cuadrados suaves con radio de línea de 7,5 px con sutiles trazos de carbono negro.
Paleta
Marca
- Sunrise Coral
#fc5f2b— El naranja se utiliza como color de acento secundario para detalles decorativos y para resaltar señales poco frecuentes. No debe utilizarse como color principal para llamadas a la acción. - Coral Glow
#ff8b64— El degradado final se combina con el color Coral Amanecer para el diseño decorativo de las tarjetas de membresía.
Neutral
- Carbon Black
#18181b— Texto principal, relleno de la barra de navegación flotante, encabezados, contorno de iconos. - Pure Black
#000000— Logotipo, letrero de texto, marcos con alto contraste - Zinc Gray
#71717a— Texto principal, descripciones adicionales, metadatos ocultos, texto auxiliar. - Ash Gray
#a1a1aa— Texto terciario, bordes inactivos, estados deshabilitados - Mist Gray
#e4e4e7— Líneas finas en los bordes, contornos de tarjetas, líneas divisorias, marcos de botones. - Fog Gray
#f4f4f5— Irregularidades superficiales sutiles, fondo apagado, imagen superpuesta sobre una base de malla.
Tipografía
de 11 a 66 píxeles · 8 pasos
- NB International Pro — reemplazo: Inter Tight · esquemas 400, 700 · Todo —diseño, títulos, texto principal, interfaz de usuario y navegación— está perfectamente integrado. La solución distintiva consiste en un espaciado entre letras negativo muy estrecho, escalable según el tamaño (desde -0,025em hasta 66px para textos pequeños), combinado con un interlineado que se comprime a medida que aumenta el tamaño, lo que confiere a los titulares una densidad monolítica, similar a la de un póster, que distingue a Superpower de sus competidores más ligeros en el sector de la tecnología médica.
- NB International Mono Pro — reemplazo: JetBrains Mono · esquemas 400 · Los metadatos tabulares, las anotaciones de microtexto y las etiquetas técnicas se utilizan con moderación en situaciones que requieren un enfoque clínico/instrumental.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 11px |
| Radio del botón | 9999px |
| Radio de la tarjeta | 15px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 75px |
| Ancho de página | 1200px |
La IA construirá tu sitio web al estilo de Superpower 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
- Visitors — dibujo de ingeniería blanco
- Dock — Papel crema iluminado por el sol, pulso de cobalto
- Flying Papers — Confesión en una caricatura de sábado por la mañana
- Quizlet — El aula está decorada con una variedad de colores sobre un fondo blanco: un escritorio silencioso, detrás del cual cuatro tarjetas en tonos pastel son el único toque de color brillante sobre un fondo de paredes grises frías y una sola marca hecha con un marcador índigo.
- ON.energy — Señal amarilla de advertencia de alto voltaje sobre acero medianoche
- Navigate — Un gran conjunto de pegatinas adheridas a un tablero: una fuente grande y grotesca, todo en forma de tabletas y cinco iconos multicolores que se repiten como un logotipo.
- Linear — instrumento de precisión de medianoche
- Pop Site — Una austera galería tipográfica: monumentales titulares negros flotando sobre paredes blancas, con un único punto azul que expresa intención.
- Hyperstudio — El diseño está grabado en obsidiana. Texto y finas líneas enmarcan un espacio blanco de color negro puro, con ocasionales marcas doradas en forma de brújula que indican el camino.
- Pa'lais — Un cuaderno de bocetos botánicos, como si estuviera empapado en miel. El papel color crema, las ilustraciones lineales en toile de Jouy azul y los toques de color cálido evocan un libro de recetas hecho a mano, mientras que una tipografía audaz y condensada y mucho espacio en blanco le dan un aire moderno y editorial.
- Raus — Un acogedor diario escrito en papel color crema; cada página es como una postal del bosque.
- Privy — Un editorial plasmado en tinta sobre mármol. Lienzo de mármol blanco, titulares negros con serifa, una única pancarta púrpura que cruza la parte superior: la sobriedad como autoridad.