Huly
Dritat Veriore në Observatorin e Mesnatës - protagonisti është një rreze vertikale vjollce që zbehet në koral, dhe çdo seksion i qetë poshtë saj huazon të njëjtën histori dyngjyrëshe të treguar me një ton më të zbutur.
Huly ngjall atmosferën e një hapësire pune kozmike: një kanavacë pothuajse e zezë me një shkëlqim të vetëm vjollcë-qelibar që pret elementin kryesor, dhe poshtë tij, një rrjetë më e zbutur për rritje të produktivitetit. Sistemi funksionon brenda një diapazoni të ngushtë ngjyrash - një blu e ndritshme dhe një koral bëjnë të gjithë punën e markës kundër sipërfaqeve të shtresuara të grafitit, kështu që modaliteti i errët nuk ndihet kurrë neutral. Tipografia është në stilin Inter për gjithçka funksionale, me një font të personalizuar (Esbuild) të rezervuar për pikat kryesore, me një lartësi prej 80–84px dhe hapësirë agresive negative midis shkronjave. Komponentët janë në formë kapsule: rreze 9999px në kontrolle, 12px në karta, hije minimale dhe vija gradienti të ndezura si dekorimi kryesor. Faqja alternon midis zonave të errëta të faqes së plotë dhe seksioneve të lehta të qeta, kështu që çdo ekran i ri duhet të vendosë për modalitetin përpara se të zgjedhë ngjyrat.
Faqja kryesore me gjerësi të plotë paraqet një rreze vertikale të dritave veriore dhe një titull të drejtuar majtas, së bashku me një pamje të ekranit të produktit të pozicionuar në pjesën e poshtme djathtas. Poshtë faqes kryesore është një zonë përmbajtjeje me gjerësi maksimale, 1200px, me vija të errëta dhe të çelëta alternative. Çdo seksion është një bllok i vetëm vertikal: një kokë plus një rrjetë kartash me 3 ose 4 kolona të ndara nga boshllëqe 96px. Seksioni "MetaBrain" e ndan rrjetën me një titull të qendruar dhe një mozaik kartash me madhësi të ndryshme (një kartë kryesore e madhe plus karta më të vogla mbështetëse). Faqja është e mbushur me përmbajtje, duke ndjekur standardet SaaS, por përdor vija të errëta dhe të çelëta alternative për t'i dhënë çdo seksioni hapësirë për të marrë frymë. Navigimi është një shirit i vetëm transparent në pjesën e sipërme që zbehet në të errët ndërsa lëvizni.
Elementi kryesor është një gradient i pastër i aurorës, pa fotografi. Të gjitha ilustrimet janë pamje të ekranit aktuale të ndërfaqes së përdoruesit të produktit (Kanban në modalitetin e errët, kutia postare, kalendari), të përshtatura në korniza kartash që shërbejnë si provë dhe dekorim. Asnjë foto stili jetese, asnjë imazh stok, asnjë renderim 3D. I vetmi element vizual që nuk lidhet me ndërfaqen e përdoruesit është një shkëlqim i ngrohtë, radial i diellit në bazën e aurorës, i renderuar si një gradient CSS. Ikonat janë ikona vijash monokrome në #95979 ose të bardha, kurrë shumëngjyrëshe. Sistemi e trajton ndërfaqen e tij të errët të përdoruesit si elementin kryesor - produkti janë fotografitë.
Paletë
Markë
- Electric Iris
#5683da— Sfondi kryesor, treguesi i navigimit aktiv dhe theksi mbresëlënës i Dritave Veriore - një ngjyrë vjollcë-blu e gjallë mbi një sfond të zi si qymyri - krijojnë një përshtypje angazhimi më tepër sesa aktiviteti të korporatës. - Ember Pulse
#ff8964— Një theks dytësor, një zonë e ngrohtë e dritave veriore, një pikë njoftimi dhe një ilustrim i nxjerrë në pah - një nuancë qelibar që thyen qetësinë e blusë dhe i shton ngrohtësi rrezes.
Neutral
- Obsidian Canvas
#303236— Sfondi i faqes, sipërfaqja dominuese, është një ngjyrë pothuajse e zezë me një nuancë të lehtë ngrohtësie, mjedisi standard për të gjithë përmbajtjen. - Void
#090a0c— Shtresa më e thellë sipërfaqësore për gradientët në ekranin kryesor, sfondet modale dhe kornizat që duhet të përzihen me kanavacën. - Charcoal Card
#111111— Sipërfaqe të ngritura të bëra prej kartoni dhe panelesh, të pozicionuara një hap mbi kanavacë. - Slate Edge
#4a4b50— Kufij dhe ndarës të hollë në sipërfaqe të errëta - Iron Veil
#6b6c6d— Sfond i zbehtë për etiketat, mbushjet e artikujve të listës dhe mbushjet e çaktivizuara. - Smoke
#95979e— Konturet e ikonave, teksti shtesë dhe kontrollet joaktive janë elementi kryesor funksional në gri të mesme.
Tipografi
nga 11 në 80px · 8 hapa
- Inter — zëvendësim: DM Sans · skica 300, 400, 500, 600, 700 · I gjithë teksti funksional në ndërfaqen e përdoruesit - teksti i trupit, navigimi, butonat, artikujt e listës, etiketat dhe titujt e vegjël - përdoret me një peshë shkronjash prej 500–600 për theksimin, 400 për tekstin e trupit dhe 300 me kursim për meta të dhënat diskrete.
- Esbuild — zëvendësim: Sora · skica 400, 500, 600 · Vetëm për ekran: tituj hyrës, tituj seksionesh dhe tituj artikujsh MetaBrain. Gjeometria e kondensuar dhe hapësira e ngushtë midis shkronjave krijojnë përshtypjen se 84px është më i përshtatshëm për punë editoriale sesa për projektet SaaS. Mos përdorni kurrë nën 28px.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 12px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 12px |
| Hijet | hije të buta |
| Midis seksioneve | 96px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Huly dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- monday — Punëtori e bardhë me afishe pastel
- Slack — Skena është me ngjyrë patëllxhani me reflektorë të bardhë. Një nuancë e thellë kumbulle dominon zonat e errëta, ndërsa kanavaca e zbehtë e bardhë lejon që titujt e mëdhenj avangardë të marrin frymë lirisht.
- Base44 — Fletore e ndriçuar nga dielli me shënues gëlqereje
- Supahub — Dritë e butë dite mbi një kreshtë vjollcë. Një kanavacë kryesisht e bardhë dhe e ajrosur e ndriçuar nga një diell i vetëm i ndritshëm vjollcë, me sfera dekorative me gradient që derdhin ngjyra në hapësirën negative dhe gjeometri bujare të rrumbullakosura që i japin secilës sipërfaqe një peshë të këndshme dhe të prekshme.
- Raycast — Qendra e Komandës së Mesnatës, Coral Neon
- Dimension — një vend pune i ndriçuar nga muzgu me panele xhami të mbuluara me akull
- Wiza — Një observator për eksplorimin e mineraleve në muzg, i mbështjellë me mjegull livandoje.
- Paste — Një fanar ngjyrë qelibar mbi mermer të bardhë - logoja me gradient të ngrohtë e markës qëndron pezull në hapësirën e gjerë të bardhë, si dritarja e vetme e ndriçuar në një ndërtesë të mbuluar nga bora.
- Reworkd — Drita e butë e ditës në diagramin e produktit është e vetmja ngjyrë që flet vetë, është butoni i veprimit dhe titulli me gradient sipër tij.
- Reflect Notes — Hapësira ngjyrë vjollce yllore është një vëzhgues i errët ku notat notojnë si yjësi në një sfond boshllëku pothuajse të zi indigo.
- Ameba — Dhoma e kontrollit në mesnatë – një puls blu elektrik brenda paneleve prej qelqi të mbuluara me akull
- Todoist — Një hapësirë pune e ndriçuar nga dielli me një ditar letre – një tavolinë me ngjyrë krem të ngrohtë, shënime me bojë, një stilolaps i kuq