Huly
Nordlysobservatoriet ved midnatt – hovedpersonen er en vertikal stråle av lilla som falmer inn i koraller, og hver stille seksjon under låner den samme tofargede historien fortalt i en mer dempet tone.
Huly fremkaller stemningen i et kosmisk arbeidsområde: et nesten svart lerret med en enkelt fiolett-ravfarget glød som skjærer gjennom hovedelementet, og under det et mer dempet rutenett for økt produktivitet. Systemet opererer innenfor et smalt fargespekter – én lys blå og én korall gjør alt merkevarebyggingsarbeidet mot lagdelte grafittoverflater, slik at den mørke modusen aldri føles nøytral. Typografien er Inter-style for alt funksjonelt, med en tilpasset skrifttype (Esbuild) reservert for nøkkelpunkter, med en tegnehøyde på 80–84 piksler og aggressiv negativ bokstavavstand. Komponentene er kapselformede: 9999 piksler radius på kontroller, 12 piksler på kort, minimal skygge og glødende gradientlinjer som hoveddekorasjon. Siden veksler mellom helsides mørke områder og rolige lyse seksjoner, så enhver ny skjerm bør bestemme seg for modus før de velger farger.
Hjemmesiden i full bredde har en vertikal stråle av nordlys og en venstrejustert overskrift, sammen med et produktskjermbilde plassert nederst til høyre. Under hjemmesiden er det et innholdsområde med maksimal bredde, 1200 piksler, med vekslende mørke og lyse striper. Hver seksjon er en enkelt vertikal blokk: en overskrift pluss et rutenett med 3 eller 4 kolonner atskilt med 96 piksler mellomrom. «MetaBrain»-seksjonen bryter rutenettet med en sentrert overskrift og en mosaikk av kort i varierende størrelser (et stort hovedkort pluss mindre støttekort). Siden er innholdsrik og følger SaaS-standarder, men bruker vekslende mørke og lyse striper for å gi hver seksjon rom til å puste. Navigasjonen er en enkelt gjennomsiktig topplinje som blekner til ugjennomsiktig når du blar.
Hovedelementet er en ren aurora-gradient, uten fotografier. Alle illustrasjoner er faktiske skjermbilder av produktets brukergrensesnitt (Kanban i mørk modus, innboks, kalender), innrammet i kortrammer som fungerer både som bevis og dekorasjon. Ingen livsstilsbilder, ingen arkivbilder, ingen 3D-gjengivelser. Det eneste visuelle elementet som ikke er relatert til brukergrensesnittet, er en varm, radial solstråle ved foten av auroraen, gjengitt som en CSS-gradient. Ikonene er monokrome linjeikoner i #95979 eller hvitt, aldri flerfarget. Systemet behandler sitt eget mørke brukergrensesnitt som hovedelement – produktet er fotografiene.
Palett
Merke
- Electric Iris
#5683da— Hovedbakgrunnen, indikatoren for aktiv navigasjon og den slående nordlysaksenten – en levende fiolettblå farge på en kullsvart bakgrunn – skaper et inntrykk av engasjement snarere enn forretningsaktivitet. - Ember Pulse
#ff8964— En sekundær aksent, en varm nordlyssone, et varslingspunkt og et illustrasjonshøydepunkt – en ravfarget fargetone som bryter den nøkternheten i blått og tilfører varme til lysstrålen.
Nøytral
- Obsidian Canvas
#303236— Sidens bakgrunn, den dominerende overflaten, har en nesten svart farge med et lite hint av varme, standardmiljøet for alt innhold. - Void
#090a0c— Det dypeste overflatelaget for gradienter på hovedskjermen, modale bakgrunner og rammer som skal gli inn i lerretet. - Charcoal Card
#111111— Hevede overflater laget av papp og paneler, plassert ett trinn over lerretet. - Slate Edge
#4a4b50— Diskrete kanter og skillevegger på mørke overflater - Iron Veil
#6b6c6d— Nedtonet bakgrunn for tagger, listeelementfyll og deaktiverte fyll. - Smoke
#95979e— Ikonomriss, tilleggstekst og inaktive kontroller er det primære arbeidselementet i mellomgrått.
Typografi
fra 11 til 80 piksler · 8 trinn
- Inter — erstatning: DM Sans · omriss 300, 400, 500, 600, 700 · All funksjonell tekst i brukergrensesnittet – brødtekst, navigasjon, knapper, listeelementer, etiketter og små overskrifter – brukes med en skrifttykkelse på 500–600 for utheving, 400 for brødtekst og 300 sparsomt for diskrete metadata.
- Esbuild — erstatning: Sora · omriss 400, 500, 600 · Kun for visning: splash-titler, seksjonsoverskrifter og MetaBrain-artikkeltitler. Den kondenserte geometrien og den tette bokstavavstanden gir inntrykk av at 84 piksler passer bedre til redaksjonelt arbeid enn SaaS-prosjekter. Bruk aldri under 28 piksler.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 12px |
| Knapperadius | 9999px |
| Kortradius | 12px |
| Skygger | myke skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Huly -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- monday — Hvitt verksted med pastellklistremerker
- Slack — Scenen er auberginefarget med hvite spotlights. En dyp plommefarge dominerer de mørke områdene, mens det off-white lerretet lar de store, avantgardistiske titlene puste fritt.
- Base44 — Solbelyst notatbok med kalkmarkør
- Supahub — Mykt dagslys på en lilla ås. Et stort sett hvitt, luftig lerret opplyst av en enkelt lys lilla sol, med dekorative gradientkuler som sprer farger inn i det negative rommet og sjenerøs avrundet geometri som gir hver overflate en behagelig, håndgripelig tyngde.
- Raycast — Midnattskommandosenter, Coral Neon
- Dimension — en skumringsbelyst arbeidsstasjon med frostede glasspaneler
- Wiza — Et observatorium for mineralutforskning i skumringen, innhyllet i lavendeltåke.
- Paste — En ravfarget lykt på hvit marmor – merkets varme gradientlogo svever i det store hvite rommet, som det eneste opplyste vinduet i en snødekt bygning.
- Reworkd — Det myke dagslyset på produktdiagrammet er den eneste fargen som taler for seg selv, det er handlingsknappen og den gradiente overskriften over den.
- Reflect Notes — Stjerneklar fiolett rom er et mørkt observatorium hvor toner svever som konstellasjoner mot et bakteppe av nesten svart indigo-tomhet.
- Ameba — Kontrollrommet ved midnatt – en elektrisk blå puls inni frostede glasspaneler
- Todoist — En solfylt arbeidsplass med en papirdagbok – et varmt kremfarget skrivebord, blekknotater, én rød penn