Huly
Luminile Boreale la Observatorul de la Miezul Nopții - protagonistul este o rază verticală de violet care se transformă în coral, iar fiecare secțiune liniștită de sub ea împrumută aceeași poveste în două tonuri spusă într-un ton mai discret
Huly evocă ambianța unui spațiu de lucru cosmic: o pânză aproape neagră cu o singură strălucire violet-chihlimbar care traversează elementul principal, iar sub aceasta, o grilă mai discretă pentru o productivitate sporită. Sistemul funcționează într-o gamă îngustă de culori - un albastru strălucitor și un coral fac toată munca de branding pe suprafețele stratificate de grafit, astfel încât modul întunecat nu pare niciodată neutru. Tipografia este în stil Inter pentru tot ce este funcțional, cu un font personalizat (Esbuild) rezervat punctelor cheie, cu un pas de 80–84px și o spațiere negativă agresivă între litere. Componentele au formă de capsulă: raze de 9999px pe comenzi, 12px pe carduri, umbră minimă și linii gradiente strălucitoare ca decorațiune principală. Pagina alternează între zone întunecate pe întreaga pagină și secțiuni luminoase calme, așa că orice ecran nou ar trebui să decidă asupra modului înainte de a alege culorile.
Pagina principală cu lățime completă prezintă o rază verticală a aurorei boreale și un titlu aliniat la stânga, împreună cu o captură de ecran a produsului poziționată în partea dreaptă jos. Sub pagina principală se află o zonă de conținut cu lățime maximă, 1200px, cu dungi alternând întunecate și luminoase. Fiecare secțiune este un singur bloc vertical: un antet plus o grilă de 3 sau 4 coloane de carduri separate prin spații de 96px. Secțiunea „MetaBrain” întrerupe grila cu un titlu centrat și un mozaic de carduri de diferite dimensiuni (un card principal mare plus carduri de susținere mai mici). Pagina este bogată în conținut, respectând standardele SaaS, dar folosește dungi alternând întunecate și luminoase pentru a oferi fiecărei secțiuni spațiu de respirație. Navigarea este o singură bară superioară transparentă care devine opacă pe măsură ce derulați.
Elementul principal este un gradient pur de auroră, fără fotografii. Toate ilustrațiile sunt capturi de ecran reale ale interfeței utilizator a produsului (Kanban în modul întunecat, inbox, calendar), încadrate în rame de carton care servesc atât ca dovadă, cât și ca decor. Nu sunt permise fotografii de lifestyle, imagini de stoc, randări 3D. Singurul element vizual care nu are legătură cu interfața utilizator este o strălucire radială, caldă, de tip explozie solară, la baza aurorei, redată ca gradient CSS. Pictogramele sunt pictograme liniare monocrome în #95979 sau albe, niciodată multicolore. Sistemul își tratează propria interfață utilizator întunecată ca element principal - produsul sunt fotografiile.
Paletă
Marca
- Electric Iris
#5683da— Fundalul principal, indicatorul de navigare activă și accentul izbitor de Aurora Boreală - o culoare albastru-violet vibrantă pe un fundal negru intens - creează impresia de implicare mai degrabă decât de activitate corporativă. - Ember Pulse
#ff8964— Un accent secundar, o zonă caldă de auroră boreală, un punct de notificare și o ilustrație evidențiată - o nuanță de chihlimbar care rupe sobrietatea albastrului și adaugă căldură fasciculului luminos.
Neutru
- Obsidian Canvas
#303236— Fundalul paginii, suprafața dominantă, este o culoare aproape neagră cu o ușoară tentă de căldură, mediul standard pentru întregul conținut. - Void
#090a0c— Cel mai adânc strat de suprafață pentru gradienții de pe ecranul principal, fundaluri modale și cadre care ar trebui să se îmbine în pânză. - Charcoal Card
#111111— Suprafețe ridicate din carton și panouri, poziționate cu o treaptă deasupra pânzei. - Slate Edge
#4a4b50— Borduri și separatoare subtile pe suprafețe întunecate - Iron Veil
#6b6c6d— Fundal estompat pentru etichete, umpleri cu elemente de listă și umpleri dezactivate. - Smoke
#95979e— Contururile pictogramelor, textul suplimentar și controalele inactive sunt principalul element de lucru în gri mediu.
Tipografie
de la 11 la 80px · 8 pași
- Inter — înlocuire: DM Sans · contururi 300, 400, 500, 600, 700 · Tot textul funcțional din interfața utilizator — textul corpului, navigarea, butoanele, elementele listei, etichetele și titlurile mici — este utilizat cu o grosime a fontului de 500–600 pentru accentuare, 400 pentru textul corpului și 300, cu moderație, pentru metadate discrete.
- Esbuild — înlocuire: Sora · contururi 400, 500, 600 · Numai afișare: titluri de prezentare, anteturi de secțiuni și titluri de articole MetaBrain. Geometria condensată și spațierea strânsă între litere creează impresia că 84px este mai potrivit pentru munca editorială decât pentru proiectele SaaS. Nu utilizați niciodată sub 28px.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 12px |
| Raza butonului | 9999px |
| Raza cardului | 12px |
| Umbre | umbre moi |
| Între secțiuni | 96px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Huly și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- monday — Atelier alb cu stickere pastelate
- Slack — Scena este de culoarea vinetei, cu spoturi albe. O nuanță intensă de prună domină zonele întunecate, în timp ce pânza alb-gălbuie permite titlurilor mari, avangardiste, să respire liber.
- Base44 — Caiet însorit cu marker de var
- Supahub — Lumină blândă a zilei pe o creastă violetă. O pânză predominant albă, aerisită, iluminată de un singur soare violet strălucitor, cu sfere decorative în gradient care revarsă culoare în spațiul negativ și o geometrie rotunjită generoasă, conferind fiecărei suprafețe o greutate plăcută, tangibilă.
- Raycast — Centrul de comandă de la miezul nopții, Coral Neon
- Dimension — o stație de lucru luminată la amurg, cu panouri de sticlă mată
- Wiza — Un observator de explorare a mineralelor la amurg, învăluit în ceață de lavandă.
- Paste — Un felinar chihlimbar pe marmură albă — logo-ul cald al mărcii plutește în vastul spațiu alb, precum singura fereastră iluminată dintr-o clădire acoperită de zăpadă.
- Reworkd — Lumina blândă a zilei de pe diagrama produsului este singura culoare care vorbește de la sine, este butonul de acțiune și titlul gradient de deasupra lui.
- Reflect Notes — Spațiul violet înstelat este un observator întunecat unde notele plutesc precum constelațiile pe un fundal de gol indigo aproape negru.
- Ameba — Camera de control la miezul nopții – o pulsație albastră electrică în interiorul panourilor de sticlă mată
- Todoist — Un spațiu de lucru însorit, cu o agendă de hârtie – un birou crem cald, notițe cu cerneală, un pix roșu