Huly
Noarderljochten by middernacht Observatoarium - de protagonist is in fertikale striel fan pears dy't yn koraal ferdwynt, en elk rêstich diel derûnder lient itselde twatoanige ferhaal ferteld yn in mear ûnderdrukte toan
Huly ropt de sfear op fan in kosmyske wurkromte: in hast swart doek mei in inkele fiolet-amber gloed dy't troch it haadelemint snijt, en dêrûnder in mear ûnderdrukt raster foar ferhege produktiviteit. It systeem wurket binnen in smel kleurberik - ien helderblau en ien koraal dogge al it brandingwurk tsjin laachse grafyt oerflakken, sadat de tsjustere modus nea neutraal fielt. Typografy is Inter-styl foar alles funksjoneel, mei in oanpast lettertype (Esbuild) reservearre foar wichtige punten, mei in pitch fan 80-84px en agressive negative letterôfstân. Komponinten binne kapsulefoarmich: 9999px radii op kontrôles, 12px op kaarten, minimale skaad, en gloeiende gradiëntlinen as de haaddekoraasje. De pagina wikselt tusken folsleine pagina donkere gebieten en rêstige ljochte seksjes, dus elk nij skerm moat beslute oer de modus foardat kleuren keazen wurde.
De thússide oer folsleine breedte hat in fertikale striel fan it noarderljocht en in links-ôfstimde koptekst, tegearre mei in produktskermôfbylding rjochtsûnder. Under de thússide is in ynhâldsgebiet fan maksimale breedte, 1200px, mei ôfwikseljende donkere en ljochte strepen. Elke seksje is ien fertikaal blok: in koptekst plus in raster fan 3 of 4 kolommen fan kaarten skieden troch gatten fan 96px. De "MetaBrain"-seksje ûnderbrekt it raster mei in sintraal koptekst en in mozaïek fan kaarten fan ferskate grutte (in grutte haadkaart plus lytsere stipekaarten). De pagina is ynhâldsswier, neffens SaaS-noarmen, mar brûkt ôfwikseljende donkere en ljochte strepen om elke seksje romte te jaan om te sykheljen. De navigaasje is ien transparante boppeste balke dy't ferdwynt nei ûntrochsichtich as jo scrolle.
It wichtichste elemint is in suvere aurora-gradiënt, frij fan foto's. Alle yllustraasjes binne echte skermôfbyldings fan 'e brûkersynterface fan it produkt (Kanban yn tsjustere modus, postfak, kalinder), ynramd yn kaartframes dy't sawol as bewiis as dekoraasje tsjinje. Gjin libbensstylfoto's, gjin stockôfbyldings, gjin 3D-renderings. It ienige fisuele elemint dat net relatearre is oan 'e brûkersynterface is in waarme, radiale sinnestrielgloed oan 'e basis fan it aurora, werjûn as in CSS-gradiënt. Ikoanen binne monochrome line-ikoanen yn #95979 of wyt, nea mearkleurich. It systeem behannelet syn eigen tsjustere brûkersynterface as it wichtichste elemint - it produkt binne de foto's.
Palet
Merk
- Electric Iris
#5683da— De wichtichste eftergrûn, aktive navigaasje-yndikator en opfallende Noarderljocht-aksint - in libbene fioletblauwe kleur op in gitswarte eftergrûn - skept in yndruk fan belutsenens ynstee fan bedriuwsaktiviteit. - Ember Pulse
#ff8964— In sekundêr aksint, in waarm noarderljochtsône, in notifikaasjepunt en in yllustraasjehichtepunt - in amberkleur dy't de soberheid fan blau brekt en waarmte tafoeget oan 'e striel.
Neutraal
- Obsidian Canvas
#303236— De eftergrûn fan 'e side, it dominante oerflak, is in hast swarte kleur mei in bytsje waarmte, de standertomjouwing foar alle ynhâld. - Void
#090a0c— De djipste oerflaklaach foar gradiënten op it haadskerm, modale eftergrûnen en frames dy't yn it doek moatte oergean. - Charcoal Card
#111111— Ferhege oerflakken makke fan karton en panielen, ien stap boppe it doek pleatst. - Slate Edge
#4a4b50— Subtile rânen en skieders op donkere oerflakken - Iron Veil
#6b6c6d— Dimde eftergrûn foar tags, listitem-opvullingen en útskeakele opvullingen. - Smoke
#95979e— Ikoanomtrekken, ekstra tekst en ynaktive kontrôles binne it primêre wurkjende elemint yn middelgriis.
Typografy
fan 11 oant 80px · 8 stappen
- Inter — ferfanging: DM Sans · sketsen 300, 400, 500, 600, 700 · Alle funksjonele tekst yn 'e brûkersynterface - lichemstekst, navigaasje, knoppen, listitems, labels en lytse kopteksten - wurdt brûkt mei in lettertypegewicht fan 500–600 foar klam, 400 foar lichemstekst en 300 sparjend foar ûnopfallende metadata.
- Esbuild — ferfanging: Sora · sketsen 400, 500, 600 · Allinnich werjaan: splash-titels, seksjekoppen en MetaBrain-artikeltitels. De komprimearre geometry en krappe letterôfstân jouwe de yndruk dat 84px better geskikt is foar redaksjoneel wurk as SaaS-projekten. Brûk nea minder as 28px.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | rom |
| Basisstap | 12px |
| Knopradius | 9999px |
| Kaartradius | 12px |
| Skaden | sêfte skaden |
| Tusken seksjes | 96px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Huly -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- monday — Wite workshop mei pastelstickers
- Slack — It poadium is auberginekleurich mei wite spotlights. In djippe pruimkleurige tint dominearret de tsjustere gebieten, wylst it gebroken wite doek de grutte, avant-gardistyske titels frij sykhelje lit.
- Base44 — Sinneljochte notysjeboek mei kalkmarker
- Supahub — Sêft deiljocht op in pearse riche. In meast wyt, luchtich doek ferljochte troch in inkele heldere pearse sinne, mei dekorative gradiëntsfearen dy't kleur yn 'e negative romte ferspriedje en royale rûne geometry dy't elk oerflak in noflike, tastbere swierte jout.
- Raycast — Middernacht Kommando Sintrum, Coral Neon
- Dimension — in wurkstasjon mei skimerljocht en matte glêzen panielen
- Wiza — In observatoarium foar mineraaleksploraasje by skimer, omhuld troch lavendelmist.
- Paste — In amber lantearne op wyt moarmer - it waarme kleurferrinlogo fan it merk sweeft yn 'e grutte wite romte, lykas it ienige ferljochte finster yn in sniebedekte gebou.
- Reworkd — It sêfte deiljocht op it produktdiagram is de ienige kleur dy't foar himsels sprekt, it is de aksjeknop en de kleurferrinkop derboppe.
- Reflect Notes — Stjerrefiolette romte is in tsjuster observatoarium dêr't noaten sweve as stjerrebylden tsjin in eftergrûn fan hast swarte indigo leechte.
- Ameba — De kontrôlekeamer om middernacht - in elektrysk blauwe puls yn matte glêzen panielen
- Todoist — In sinnich wurkplak mei in papieren deiboek - in waarm crèmekleurich buro, inketnotysjes, ien reade pinne