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.
Huly evoca o ambiente dun espazo de traballo cósmico: unha lona case negra cun único brillo violeta-ámbar que atravesa o elemento principal e, debaixo del, unha grella máis tenue para unha maior produtividade. O sistema funciona dentro dunha gama de cores estreita: un azul brillante e un coral fan todo o traballo de marca contra as superficies de grafito en capas, polo que o modo escuro nunca se sente neutral. A tipografía é de estilo Inter para todo o funcional, cunha fonte personalizada (Esbuild) reservada para puntos clave, cun paso de 80–84 px e un espazado entre letras negativo agresivo. Os compoñentes teñen forma de cápsula: raios de 9999 px nos controis, 12 px nas tarxetas, sombra mínima e liñas de degradado brillantes como decoración principal. A páxina alterna entre áreas escuras de páxina completa e seccións de luz tranquila, polo que calquera pantalla nova debería decidir o modo antes de escoller as cores.
A páxina de inicio de ancho completo presenta un raio vertical da aurora boreal e un título aliñado á esquerda, xunto cunha captura de pantalla do produto situada na parte inferior dereita. Debaixo da páxina de inicio hai unha área de contido de ancho máximo, 1200 px, con franxas escuras e claras alternadas. Cada sección é un único bloque vertical: unha cabeceira máis unha grella de 3 ou 4 columnas de tarxetas separadas por espazos de 96 px. A sección "MetaBrain" rompe a grella cun título centrado e un mosaico de tarxetas de diferentes tamaños (unha tarxeta principal grande máis tarxetas de apoio máis pequenas). A páxina ten moito contido, seguindo os estándares SaaS, pero usa franxas escuras e claras alternadas para darlle a cada sección espazo para respirar. A navegación é unha única barra superior transparente que se esvaece a opaca a medida que se despraza.
O elemento principal é un degradado de aurora pura, sen fotografías. Todas as ilustracións son capturas de pantalla reais da interface de usuario do produto (Kanban en modo escuro, caixa de entrada, calendario), enmarcadas en marcos de cartón que serven como evidencia e decoración. Non se admiten fotos de estilo de vida, nin imaxes de stock, nin renderizacións en 3D. O único elemento visual non relacionado coa interface de usuario é un brillo solar radial e cálido na base da aurora, renderizado como un degradado CSS. As iconas son iconas de liña monocromática en #95979 ou brancas, nunca multicolores. O sistema trata a súa propia interface de usuario escura como o elemento principal: o produto son as fotografías.
Paleta
Marca
- Electric Iris
#5683da— O fondo principal, o indicador de navegación activa e o rechamante acento da aurora boreal (unha vibrante cor azul violeta sobre un fondo negro azabache) crean unha impresión de compromiso en lugar de actividade corporativa. - Ember Pulse
#ff8964— Un acento secundario, unha zona cálida de auroras boreais, un punto de notificación e un realce na ilustración: un ton ámbar que rompe a sobriedade do azul e engade calidez ao feixe de luz.
Neutro
- Obsidian Canvas
#303236— O fondo da páxina, a superficie dominante, é dunha cor case negra cun lixeiro toque de calidez, o ambiente estándar para todo o contido. - Void
#090a0c— A capa superficial máis profunda para os gradientes na pantalla principal, os fondos modais e os marcos que deberían mesturarse co lenzo. - Charcoal Card
#111111— Superficies elevadas feitas de cartón e paneis, situadas un chanzo por riba da lona. - Slate Edge
#4a4b50— Bordes e divisores sutís en superficies escuras - Iron Veil
#6b6c6d— Fondo atenuado para etiquetas, recheos de elementos de lista e recheos desactivados. - Smoke
#95979e— Os contornos das iconas, o texto adicional e os controis inactivos son o elemento de traballo principal en gris medio.
Tipografía
de 11 a 80 px · 8 pasos
- Inter — substitución: DM Sans · contornos 300, 400, 500, 600, 700 · Todo o texto funcional da interface de usuario (corpo do texto, navegación, botóns, elementos de lista, etiquetas e títulos pequenos) úsase cun grosor de letra de 500 a 600 para a énfase, 400 para o corpo do texto e 300 con moderación para metadatos discretos.
- Esbuild — substitución: Sora · contornos 400, 500, 600 · Só para mostrar: títulos de presentación, cabeceiras de sección e títulos de artigos de MetaBrain. A xeometría condensada e o espazado axustado entre letras crean a impresión de que 84 px é máis axeitado para o traballo editorial que para os proxectos SaaS. Nunca empregues menos de 28 px.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 12px |
| Radio do botón | 9999px |
| Radio da tarxeta | 12px |
| Sombras | sombras suaves |
| Entre seccións | 96px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Huly 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
- monday — Taller branco con adhesivos pastel
- 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
- Supahub — Luz suave do día sobre unha crista púrpura. Un lenzo maioritariamente branco e aireado iluminado por un único sol púrpura brillante, con esferas decorativas en gradiente que derraman cor no espazo negativo e unha xenerosa xeometría redondeada que lle dá a cada superficie unha pesadez agradable e tanxible.
- Raycast — Centro de Comando de Medianoite, Coral Neon
- Dimension — unha estación de traballo iluminada ao anoitecer con paneis de vidro esmerilado
- Wiza — Un observatorio de exploración mineral ao anoitecer, envolto nunha néboa lavanda.
- Paste — Un farol ámbar sobre mármore branco: o logotipo de degradado cálido da marca paira no vasto espazo branco, coma a única xanela iluminada nun edificio cuberto de neve.
- Reworkd — A suave luz do día no diagrama do produto é a única cor que fala por si mesma, é o botón de acción e o título degradado que está enriba del.
- Reflect Notes — O espazo estrelado violeta é un observatorio escuro onde as notas flotan coma constelacións contra un pano de fondo dun baleiro índigo case negro.
- Ameba — A sala de control á medianoite: un pulso azul eléctrico dentro de paneis de vidro esmerilado
- Todoist — Un espazo de traballo iluminado polo sol cunha axenda de papel: un escritorio cor crema, notas a tinta e un bolígrafo vermello.