Huly
Nordaj Aŭroj ĉe Noktomeza Observatorio - la protagonisto estas vertikala radio de purpuro paliĝanta en koralon, kaj ĉiu kvieta sekcio sub ĝi pruntas la saman du-tonan rakonton rakontitan en pli modera tono
Huly elvokas la etoson de kosma laborejo: preskaŭ nigra kanvaso kun ununura viol-sukcena brilo tranĉanta tra la ĉefa elemento, kaj sub ĝi, pli modera krado por pliigi produktivecon. La sistemo funkcias ene de mallarĝa kolorgamo - unu helblua kaj unu korala faras la tutan markigan laboron kontraŭ tavoligitaj grafitaj surfacoj, do la malhela reĝimo neniam sentas sin neŭtrala. La tipografio estas Inter-stila por ĉio funkcia, kun kutima tiparo (Esbuild) rezervita por ŝlosilaj punktoj, kun paŝo de 80–84 rastrumeroj kaj agresema negativa literinterspaco. La komponantoj estas kapsulformaj: 9999 rastrumeroj por radiusoj sur kontroloj, 12 rastrumeroj sur kartoj, minimuma ombro kaj brilantaj gradientaj linioj kiel ĉefa ornamado. La paĝo alternas inter tutpaĝaj malhelaj areoj kaj trankvilaj helaj sekcioj, do ĉiu nova ekrano devus decidi pri la reĝimo antaŭ ol elekti kolorojn.
La plenlarĝa ĉefpaĝo prezentas vertikalan radion de la nordaj lumoj kaj maldekstre vicigitan titolon, kune kun produkta ekranfoto poziciigita sube dekstre. Sub la ĉefpaĝo estas enhavareo kun maksimuma larĝo de 1200 rastrumeroj, alternante malhelajn kaj helajn striojn. Ĉiu sekcio estas ununura vertikala bloko: titolo plus 3- aŭ 4-kolumna krado de kartoj apartigitaj per 96 rastrumeraj breĉoj. La sekcio "MetaBrain" rompas la kradon per centrita titolo kaj mozaiko de kartoj de diversaj grandecoj (granda ĉefa karto plus pli malgrandaj subtenaj kartoj). La paĝo estas riĉa je enhavo, sekvante SaaS-normojn, sed uzas alternante malhelajn kaj helajn striojn por doni al ĉiu sekcio spacon por spiri. La navigado estas ununura travidebla supra stango, kiu paliĝas al opaka dum vi rulumas.
La ĉefa elemento estas pura aŭrora gradiento, sen fotoj. Ĉiuj ilustraĵoj estas faktaj ekranfotoj de la produkto-interfaco (Kanbano en malhela reĝimo, enirkesto, kalendaro), enkadrigitaj en kartaj kadroj, kiuj servas kaj kiel pruvo kaj kiel ornamo. Neniuj vivstilfotoj, neniuj bildoj, neniuj 3D-bildigoj. La sola vida elemento ne rilata al la interfaco estas varma, radia sunerupcia brilo ĉe la bazo de la aŭroro, bildigita kiel CSS-gradiento. Ikonoj estas monokromataj liniaj ikonoj en #95979 aŭ blankaj, neniam multkoloraj. La sistemo traktas sian propran malhelan interfacon kiel la ĉefan elementon - la produkto estas la fotoj.
Paletro
Marko
- Electric Iris
#5683da— La ĉefa fono, la indikilo de aktiva navigado, kaj la okulfrapa akĉento de nordaj lumoj — vigla violblua koloro sur nigra fono — kreas impreson de engaĝiĝo prefere ol de entreprena agado. - Ember Pulse
#ff8964— Dua akĉento, varma zono de nordaj lumoj, sciiga punkto, kaj ilustraĵa elstarigo — sukcena nuanco kiu rompas la sobrecon de bluo kaj aldonas varmecon al la lumradio.
Neŭtrala
- Obsidian Canvas
#303236— La paĝfono, la domina surfaco, estas preskaŭ nigra koloro kun eta nuanco de varmo, la norma medio por ĉia enhavo. - Void
#090a0c— La plej profunda surfaca tavolo por gradientoj sur la ĉefa ekrano, modalaj fonoj kaj kadroj, kiuj devus miksiĝi en la kanvason. - Charcoal Card
#111111— Ŝvelintaj surfacoj faritaj el kartono kaj paneloj, poziciigitaj unu ŝtupon super la kanvaso. - Slate Edge
#4a4b50— Subtilaj limoj kaj dividiloj sur malhelaj surfacoj - Iron Veil
#6b6c6d— Malheligita fono por etikedoj, plenigoj de listeroj kaj malŝaltitaj plenigoj. - Smoke
#95979e— Ikonkonturoj, aldona teksto kaj neaktivaj kontroloj estas la ĉefaj funkciaj elementoj en meza grizo.
Tipografio
de 11 ĝis 80 rastrumeroj · 8 paŝoj
- Inter — anstataŭaĵo: DM Sans · konturoj 300, 400, 500, 600, 700 · Ĉiu funkcia teksto en la uzulinterfaco — korpteksto, navigado, butonoj, listeroj, etikedoj kaj malgrandaj titoloj — estas uzata kun tipara pezo de 500–600 por emfazo, 400 por korpteksto, kaj 300 ŝpareme por diskretaj metadatenoj.
- Esbuild — anstataŭaĵo: Sora · konturoj 400, 500, 600 · Nur-montrebla: ŝpructitoloj, sekciaj titoloj, kaj MetaBrain-artikoltitoloj. La densigita geometrio kaj streĉa interspaco inter literoj kreas la impreson, ke 84 rastrumeroj pli taŭgas por redakta laboro ol SaaS-projektoj. Neniam uzu sub 28 rastrumeroj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 12px |
| Butona radiuso | 9999px |
| Karto-radiuso | 12px |
| Ombroj | molaj ombroj |
| Inter sekcioj | 96px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Huly kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- monday — Blanka laborejo kun pastelaj glumarkoj
- Slack — La scenejo estas melongenkolora kun blankaj lumĵetiloj. Profunda pruna nuanco dominas la malhelajn areojn, dum la blankeca kanvaso permesas al la grandaj, avangardaj titoloj libere spiri.
- Base44 — Sunlumita kajero kun kalka markilo
- Supahub — Mola taglumo sur purpura kresto. Plejparte blanka, aera kanvaso lumigita de ununura brile purpura suno, kun dekoraciaj gradientaj sferoj disverŝantaj koloron en la negativan spacon kaj malavara rondeta geometrio donanta al ĉiu surfaco agrablan, palpeblan pezon.
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- Dimension — krepusk-lumigita laborejo kun pruvitraj paneloj
- Wiza — Mineralesplorada observatorio ĉe krepusko, vualita en lavenda nebulo.
- Paste — Sukcena lanterno sur blanka marmoro — la varma gradienta emblemo de la marko ŝvebas en la vasta blanka spaco, kiel la sola lumigita fenestro en neĝokovrita konstruaĵo.
- Reworkd — La mola taglumo sur la produkta diagramo estas la sola koloro kiu parolas por si mem, ĝi estas la agobutono kaj la gradienta titolo super ĝi.
- Reflect Notes — Stelplena viola spaco estas malhela observejo, kie notoj ŝvebas kiel konstelacioj kontraŭ fono de preskaŭ nigra indiga malpleneco.
- Ameba — La direktejo je noktomezo - elektra blua pulso ene de frostvitraj paneloj
- Todoist — Sunlumita laborejo kun papera taglibro - varma kremkolora skribotablo, inkaj notoj, unu ruĝa skribilo