Huly
Északi fény az Éjféli Obszervatóriumban – a főszereplő egy függőleges lila sugár, amely korallba halványul, és minden alatta lévő csendes szakasz ugyanazt a kétszínű történetet kölcsönzi, visszafogottabb hangnemben elmesélve.
A Huly egy kozmikus munkaterület hangulatát idézi: egy közel fekete vászon, amelynek fő elemén egyetlen ibolya-borostyánsárga izzás vág át, alatta pedig egy visszafogottabb ráccsal a nagyobb termelékenység érdekében. A rendszer szűk színtartományon belül működik – egy élénkkék és egy korall végzi az összes márkaépítési munkát a réteges grafitfelületek előtt, így a sötét mód soha nem érződik semlegesnek. A tipográfia minden funkcionális elemhez az Inter-stílusú, a kulcsfontosságú pontokhoz fenntartott egyedi betűtípussal (Esbuild), 80–84 képpontos sűrűségű és agresszív negatív betűközzel. Az összetevők kapszula alakúak: 9999 képpontos sugarak a vezérlőkön, 12 képpontos kártyákon, minimális árnyék és ragyogó színátmenetes vonalak a fő dekorációként. Az oldal teljes oldalas sötét területek és nyugodt világos részek között váltakozik, így minden új képernyőn a színek kiválasztása előtt el kell dönteni a módot.
A teljes szélességű kezdőlapon egy függőleges sarki fénysugár és egy balra igazított címsor látható, a jobb alsó sarokban pedig egy termék képernyőképe látható. A kezdőlap alatt egy maximális szélességű, 1200 képpontos tartalomterület található, váltakozó sötét és világos csíkokkal. Minden szakasz egyetlen függőleges blokk: egy fejléc, valamint egy 3 vagy 4 oszlopos, 96 képpontos réssel elválasztott kártyákból álló rács. A "MetaBrain" szakasz egy középre igazított címsorral és különböző méretű kártyák mozaikjával (egy nagy főkártya plusz kisebb kiegészítő kártyák) töri meg a rácsot. Az oldal tartalom-gazdag, a SaaS szabványokat követi, de váltakozó sötét és világos csíkokat használ, hogy minden szakasznak legyen helye a lélegzéshez. A navigáció egyetlen átlátszó felső sáv, amely görgetés közben átlátszatlanná válik.
A fő elem egy tiszta sarki fényátmenet, fényképek nélkül. Minden illusztráció a termék felhasználói felületének (Kanban sötét módban, beérkezett üzenetek, naptár) tényleges képernyőképe, kártyakeretbe foglalva, amelyek bizonyítékként és dekorációként is szolgálnak. Nincsenek életstílus fotók, nincsenek stock fotók, nincsenek 3D renderelések. Az egyetlen vizuális elem, amely nem kapcsolódik a felhasználói felülethez, egy meleg, radiális napkitörés az aurora alján, CSS színátmenetként renderelve. Az ikonok monokróm vonalikonok #95979 vagy fehér színben, soha nem többszínűek. A rendszer a saját sötét felhasználói felületét kezeli fő elemként – a termék maga a fényképek.
Paletta
Márka
- Electric Iris
#5683da— A fő háttér, az aktív navigációs jelző és a feltűnő északi fény – élénk ibolyakék szín koromfekete háttéren – inkább az elkötelezettség, mint a vállalati tevékenység benyomását kelti. - Ember Pulse
#ff8964— Egy másodlagos hangsúly, egy meleg északi fényzóna, egy értesítési pont és egy illusztrációs kiemelés – egy borostyánszínű árnyalat, amely megtöri a kék józanságát és melegséget kölcsönöz a fénysugárnak.
Semleges
- Obsidian Canvas
#303236— Az oldal háttere, a domináns felület, szinte fekete színű, enyhe melegséggel, ami minden tartalom standard környezete. - Void
#090a0c— A főképernyő színátmeneteinek, modális háttereknek és a vászonba illeszkedő kereteknek a legmélyebb felületi rétege. - Charcoal Card
#111111— Kartonból és panelekből készült kiemelt felületek, egy lépéssel a vászon felett elhelyezve. - Slate Edge
#4a4b50— Finom szegélyek és elválasztók sötét felületeken - Iron Veil
#6b6c6d— A címkék, listaelem-kitöltések és letiltott kitöltések halvány háttere. - Smoke
#95979e— Az ikon körvonalai, a kiegészítő szöveg és az inaktív vezérlők a középszürke színnel jelölt elsődleges munkaelemek.
Tipográfia
11-től 80 képpontig · 8 lépésben
- Inter — csere: DM Sans · körvonalak 300, 400, 500, 600, 700 · A felhasználói felület összes funkcionális szövege – törzsszöveg, navigáció, gombok, listaelemek, címkék és kis címsorok – 500–600-as betűvastagsággal kerül felhasználásra a kiemeléshez, 400-as betűvastagsággal a törzsszöveghez és 300-as betűvastagsággal a nem feltűnő metaadatokhoz.
- Esbuild — csere: Sora · körvonalak 400, 500, 600 · Csak megjelenítésre: nyitócímek, szakaszcímek és MetaBrain cikkcímek. A tömör geometria és a szoros betűköz azt a benyomást kelti, hogy a 84 képpontos méret inkább szerkesztői munkához alkalmas, mint SaaS projektekhez. Soha ne használjon 28 képpont alatti méretet.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 12px |
| Gomb sugara | 9999px |
| Kártya sugara | 12px |
| Árnyékok | lágy árnyékok |
| Szakaszok között | 96px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Huly stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- monday — Fehér műhely pasztell matricákkal
- Slack — A színpad padlizsánszínű, fehér reflektorokkal. A sötét területeken mély szilvaszín uralkodik, míg a törtfehér vászon szabadon engedi a nagyméretű, avantgárd címeket.
- Base44 — Napfényes jegyzetfüzet lime markerrel
- Supahub — Lágy nappali fény egy lila gerincen. Egy többnyire fehér, légies vászon, amelyet egyetlen ragyogó lila nap világít meg, dekoratív, színátmenetes gömbökkel, amelyek színt árasztanak a negatív térbe, és nagylekerekített geometriával, amely minden felületnek kellemes, kézzelfogható súlyt kölcsönöz.
- Raycast — Éjféli Parancsnoki Központ, Coral Neon
- Dimension — szürkületkor megvilágított munkaállomás matt üvegpanelekkel
- Wiza — Ásványkutató obszervatórium alkonyatkor, levendulaködbe burkolózva.
- Paste — Egy borostyánszínű lámpás fehér márványon – a márka meleg, átmenetes logója lebeg a hatalmas fehér térben, mint egy hófödte épület egyetlen megvilágított ablaka.
- Reworkd — A termékdiagram lágy nappali fénye az egyetlen szín, ami magáért beszél, ez a műveletgomb és a felette lévő színátmenetes címsor.
- Reflect Notes — A csillagos ibolyaszínű űr egy sötét obszervatórium, ahol a hangjegyek csillagképekként lebegnek a szinte fekete indigó üresség hátterében.
- Ameba — Az irányítóterem éjfélkor – elektromos kék pulzálás matt üvegpanelekben
- Todoist — Napsütötte munkaterület papírnaplóval – meleg krémszínű íróasztal, tintás jegyzetek, egy piros toll