Huly
Noorderligte by Middernag-sterrewag - die protagonis is 'n vertikale straal pers wat in koraal vervaag, en elke stil gedeelte daaronder leen dieselfde tweekleurige storie wat in 'n meer gedempte toon vertel word
Huly roep die atmosfeer van 'n kosmiese werkruimte op: 'n amper-swart doek met 'n enkele violet-amber gloed wat deur die hoofelement sny, en daaronder 'n meer gedempte rooster vir verhoogde produktiwiteit. Die stelsel werk binne 'n nou kleurreeks - een helderblou en een koraal doen al die handelsmerkwerk teen gelaagde grafietoppervlaktes, so die donker modus voel nooit neutraal nie. Tipografie is Inter-styl vir alles funksioneel, met 'n persoonlike lettertipe (Esbuild) gereserveer vir sleutelpunte, met 'n toonhoogte van 80-84px en aggressiewe negatiewe letterspasiëring. Komponente is kapsulevormig: 9999px radiusse op kontroles, 12px op kaarte, minimale skaduwee en gloeiende gradiëntlyne as die hoofversiering. Die bladsy wissel tussen volbladsy donker areas en kalm ligte gedeeltes, so enige nuwe skerm moet oor die modus besluit voordat kleure gekies word.
Die tuisblad met volle breedte bevat 'n vertikale straal van die noorderligte en 'n links-belynde opskrif, tesame met 'n produkskermkiekie regs onder. Onder die tuisblad is 'n inhoudsarea van maksimum breedte, 1200px, met afwisselende donker en ligte strepe. Elke afdeling is 'n enkele vertikale blok: 'n opskrif plus 'n 3- of 4-kolom rooster van kaarte geskei deur 96px gapings. Die "MetaBrain"-afdeling breek die rooster met 'n gesentreerde opskrif en 'n mosaïek van kaarte van verskillende groottes ('n groot hoofkaart plus kleiner ondersteunende kaarte). Die bladsy is inhoudsswaar, volgens SaaS-standaarde, maar gebruik afwisselende donker en ligte strepe om elke afdeling ruimte te gee om asem te haal. Die navigasie is 'n enkele deursigtige boonste balk wat tot ondeursigtig vervaag soos jy blaai.
Die hoofelement is 'n suiwer aurora-gradiënt, vry van foto's. Alle illustrasies is werklike skermkiekies van die produk se gebruikerskoppelvlak (Kanban in donker modus, inboks, kalender), geraam in kaartrame wat beide as bewys en versiering dien. Geen leefstylfoto's, geen voorraadbeelde, geen 3D-weergawes nie. Die enigste visuele element wat nie met die gebruikerskoppelvlak verband hou nie, is 'n warm, radiale sonstraalgloed aan die basis van die aurora, weergegee as 'n CSS-gradiënt. Ikone is monochroom lynikone in #95979 of wit, nooit veelkleurig nie. Die stelsel behandel sy eie donker gebruikerskoppelvlak as die hoofelement—die produk is die foto's.
Palet
Handelsmerk
- Electric Iris
#5683da— Die hoofagtergrond, aktiewe navigasie-aanwyser en treffende Noorderligte-aksent – ’n helder violetblou kleur op ’n pikswart agtergrond – skep ’n indruk van betrokkenheid eerder as korporatiewe aktiwiteit. - Ember Pulse
#ff8964— 'n Sekondêre aksent, 'n warm noorderligsone, 'n kennisgewingspunt en 'n illustrasie-hoogtepunt - 'n amberkleurige skakering wat die soberheid van blou breek en warmte aan die straal gee.
Neutraal
- Obsidian Canvas
#303236— Die bladsyagtergrond, die dominante oppervlak, is 'n amper swart kleur met 'n effense sweempie warmte, die standaardomgewing vir alle inhoud. - Void
#090a0c— Die diepste oppervlaklaag vir gradiënte op die hoofskerm, modale agtergronde en rame wat in die doek moet saamsmelt. - Charcoal Card
#111111— Verhoogde oppervlaktes van karton en panele, een trappie bokant die doek geplaas. - Slate Edge
#4a4b50— Subtiele grense en verdelers op donker oppervlaktes - Iron Veil
#6b6c6d— Gedimde agtergrond vir etikette, lysitem-vullings en gedeaktiveerde vullings. - Smoke
#95979e— Ikoon-omlynings, bykomende teks en onaktiewe kontroles is die primêre werkende element in mediumgrys.
Tipografie
van 11 tot 80px · 8 stappe
- Inter — vervanging: DM Sans · buitelyne 300, 400, 500, 600, 700 · Alle funksionele teks in die gebruikerskoppelvlak—liggaamsteks, navigasie, knoppies, lysitems, etikette en klein opskrifte—word gebruik met 'n lettertipegewig van 500–600 vir klem, 400 vir liggaamsteks en 300 spaarsamig vir onopvallende metadata.
- Esbuild — vervanging: Sora · buitelyne 400, 500, 600 · Slegs-vertoon: splash-titels, afdelingsopskrifte en MetaBrain-artikeltitels. Die gekondenseerde geometrie en nou letterspasiëring skep die indruk dat 84px meer geskik is vir redaksionele werk as SaaS-projekte. Moet nooit minder as 28px gebruik nie.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | ruim |
| Basiese stap | 12px |
| Knoppieradius | 9999px |
| Kaartradius | 12px |
| Skaduwees | sagte skaduwees |
| Tussen afdelings | 96px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Huly -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- monday — Wit werkswinkel met pastelkleurige plakkers
- Slack — Die verhoog is eiervrugkleurig met wit kolligte. 'n Diep pruimkleurige skakering oorheers die donker areas, terwyl die gebroke wit doek die groot, avant-garde titels vrylik laat asemhaal.
- Base44 — Sonverligte notaboek met kalkmerker
- Supahub — Sagte daglig op 'n pers rif. 'n Meestal wit, lugtige doek verlig deur 'n enkele helderpers son, met dekoratiewe gradiëntsfere wat kleur in die negatiewe ruimte mors en ruim afgeronde geometrie wat elke oppervlak 'n aangename, tasbare swaarmoedigheid gee.
- Raycast — Middernag-bevelsentrum, Coral Neon
- Dimension — 'n skemerverligte werkstasie met matglaspanele
- Wiza — 'n Mineraaleksplorasie-observatorium teen skemer, gehul in laventelmis.
- Paste — 'n Amber-lantern op wit marmer—die handelsmerk se warm gradiëntlogo sweef in die uitgestrekte wit ruimte, soos die enigste verligte venster in 'n sneeubedekte gebou.
- Reworkd — Die sagte daglig op die produkdiagram is die enigste kleur wat vir homself spreek, dis die aksieknoppie en die gradiëntopskrif daarbo.
- Reflect Notes — Sterreviolet ruimte is 'n donker sterrewag waar note soos konstellasies dryf teen 'n agtergrond van amper swart indigo leegheid.
- Ameba — Die beheerkamer om middernag – 'n elektriese blou pols binne matglaspanele
- Todoist — ’n Sonverligte werkruimte met ’n papierdagboek – ’n warm roomkleurige lessenaar, inknotas, een rooi pen