Huly
Observatori de les Aurores Boreals a la Mitjanit: el protagonista és un raig vertical de color porpra que es fon amb corall, i cada secció silenciosa que hi ha a sota pren prestada la mateixa història bicolor explicada en un to més suau.
Huly evoca l'ambient d'un espai de treball còsmic: un llenç gairebé negre amb una única resplendor violeta-ambre que travessa l'element principal i, a sota, una quadrícula més tènue per a una major productivitat. El sistema funciona dins d'una gamma de colors estreta: un blau brillant i un corall fan tota la feina de marca contra superfícies de grafit en capes, de manera que el mode fosc mai no es nota neutral. La tipografia és d'estil Inter per a tot allò funcional, amb una font personalitzada (Esbuild) reservada per a punts clau, amb un pas de 80–84 px i un espaiat negatiu agressiu entre lletres. Els components tenen forma de càpsula: radis de 9999 px als controls, 12 px a les targetes, ombra mínima i línies de degradat brillants com a decoració principal. La pàgina alterna entre zones fosques de pàgina completa i seccions de llum tranquil·la, de manera que qualsevol pantalla nova hauria de decidir el mode abans de triar els colors.
La pàgina d'inici d'amplada completa presenta un feix vertical de les aurores boreals i un títol alineat a l'esquerra, juntament amb una captura de pantalla del producte situada a la part inferior dreta. A sota de la pàgina d'inici hi ha una àrea de contingut d'amplada màxima, 1200 px, amb franges fosques i clares alternades. Cada secció és un únic bloc vertical: una capçalera més una quadrícula de 3 o 4 columnes de targetes separades per espais de 96 px. La secció "MetaBrain" trenca la quadrícula amb un títol centrat i un mosaic de targetes de diferents mides (una targeta principal gran més targetes de suport més petites). La pàgina té molt de contingut, seguint els estàndards SaaS, però utilitza franges fosques i clares alternades per donar espai a cada secció per respirar. La navegació és una única barra superior transparent que es torna opaca a mesura que es desplaça.
L'element principal és un degradat d'aurora pura, sense fotografies. Totes les il·lustracions són captures de pantalla reals de la interfície d'usuari del producte (Kanban en mode fosc, safata d'entrada, calendari), emmarcades en marcs de targetes que serveixen com a prova i decoració. No s'admeten fotos d'estil de vida, ni imatges de stock, ni renders en 3D. L'únic element visual que no està relacionat amb la interfície d'usuari és una resplendor solar radial i càlida a la base de l'aurora, renderitzada com a degradat CSS. Les icones són icones de línia monocroma en #95979 o blanques, mai multicolors. El sistema tracta la seva pròpia interfície d'usuari fosca com l'element principal: el producte són les fotografies.
Paleta
Marca
- Electric Iris
#5683da— El fons principal, l'indicador de navegació activa i l'accent cridaner d'aurores boreals —un color blau violeta vibrant sobre un fons negre intens— creen una impressió de compromís més que no pas d'activitat corporativa. - Ember Pulse
#ff8964— Un accent secundari, una zona càlida d'aurores boreals, un punt de notificació i un punt destacat de la il·lustració: un to ambre que trenca la sobrietat del blau i afegeix calidesa al feix de llum.
Neutral
- Obsidian Canvas
#303236— El fons de la pàgina, la superfície dominant, és d'un color gairebé negre amb un lleuger toc de calidesa, l'entorn estàndard per a tot el contingut. - Void
#090a0c— La capa superficial més profunda per als degradats de la pantalla principal, els fons modals i els marcs que s'han de fondre amb el llenç. - Charcoal Card
#111111— Superfícies elevades fetes de cartró i panells, situades un esglaó per sobre de la tela. - Slate Edge
#4a4b50— Vores i divisors subtils en superfícies fosques - Iron Veil
#6b6c6d— Fons atenuat per a etiquetes, farciments d'elements de llista i farciments desactivats. - Smoke
#95979e— Els contorns de les icones, el text addicional i els controls inactius són l'element de treball principal en gris mitjà.
Tipografia
d'11 a 80 px · 8 passos
- Inter — reemplaçament: DM Sans · esquemes 300, 400, 500, 600, 700 · Tot el text funcional de la interfície d'usuari (text del cos, navegació, botons, elements de llista, etiquetes i encapçalaments petits) s'utilitza amb un gruix de lletra de 500 a 600 per a l'èmfasi, 400 per al text del cos i 300 amb moderació per a metadades discretes.
- Esbuild — reemplaçament: Sora · esquemes 400, 500, 600 · Només visualització: títols de presentació, encapçalaments de secció i títols d'articles de MetaBrain. La geometria condensada i l'espaiat ajustat entre lletres creen la impressió que 84 px és més adequat per a treballs editorials que per a projectes SaaS. No utilitzeu mai menys de 28 px.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 12px |
| Radi del botó | 9999px |
| Radi de la targeta | 12px |
| Ombres | ombres suaus |
| Entre seccions | 96px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Huly i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- monday — Taller blanc amb adhesius pastel
- Slack — L'escenari és de color albergínia amb focus blancs. Un to pruna intens domina les zones fosques, mentre que la tela blanc trencat permet que els grans títols avantguardistes respirin lliurement.
- Base44 — Quadern il·luminat pel sol amb retolador de llima
- Supahub — Llum suau del dia sobre una cresta porpra. Un llenç majoritàriament blanc i airejat il·luminat per un únic sol porpra brillant, amb esferes decoratives de gradient que vessen color a l'espai negatiu i una generosa geometria arrodonida que confereix a cada superfície una pesantor agradable i tangible.
- Raycast — Centre de Comandament de Mitjanit, Coral Neon
- Dimension — una estació de treball il·luminada al capvespre amb panells de vidre esmerilat
- Wiza — Un observatori d'exploració mineral al capvespre, envoltat de boira lavanda.
- Paste — Un fanal ambre sobre marbre blanc: el càlid logotip de la marca plana sobre el vast espai blanc, com l'única finestra il·luminada d'un edifici cobert de neu.
- Reworkd — La suau llum del dia al diagrama del producte és l'únic color que parla per si sol, és el botó d'acció i el títol amb gradient que hi ha a sobre.
- Reflect Notes — L'espai estrellat violeta és un observatori fosc on les notes suren com constel·lacions sobre un fons de buit gairebé negre indi.
- Ameba — La sala de control a mitjanit: un pols blau elèctric dins dels panells de vidre glaçat
- Todoist — Un espai de treball assolellat amb una agenda de paper: un escriptori de color crema càlid, notes de tinta, un bolígraf vermell