Huly
Nordlys ved midnat observatorium - hovedpersonen er en lodret stråle af lilla, der falmer ind i koraller, og hvert stille afsnit nedenunder låner den samme tofarvede historie fortalt i en mere afdæmpet tone.
Huly fremkalder stemningen i et kosmisk arbejdsområde: et næsten sort lærred med en enkelt violet-ravfarvet glød, der skærer gennem hovedelementet, og nedenunder et mere dæmpet gitter for øget produktivitet. Systemet opererer inden for et smalt farveområde – en lys blå og en koral udfører alt brandingarbejdet mod lagdelte grafitoverflader, så den mørke tilstand aldrig føles neutral. Typografien er Inter-style for alt funktionelt, med en brugerdefineret skrifttype (Esbuild) reserveret til nøglepunkter, med en pitch på 80-84px og aggressiv negativ bogstavafstand. Komponenterne er kapselformede: 9999px radius på kontroller, 12px på kort, minimal skygge og glødende gradientlinjer som hoveddekoration. Siden skifter mellem mørke områder på hele siden og rolige lyse sektioner, så enhver ny skærm bør beslutte sig for tilstanden, før farver vælges.
Hjemmesiden i fuld bredde viser en lodret stråle af nordlys og en venstrejusteret overskrift, sammen med et produktskærmbillede placeret nederst til højre. Under hjemmesiden er der et indholdsområde med maksimal bredde, 1200px, med skiftevis mørke og lyse striber. Hver sektion er en enkelt lodret blok: en header plus et gitter med 3 eller 4 kolonner adskilt af 96px mellemrum. "MetaBrain"-sektionen bryder gitteret med en centreret overskrift og en mosaik af kort i varierende størrelser (et stort hovedkort plus mindre støttekort). Siden er indholdstung og følger SaaS-standarder, men bruger skiftevis mørke og lyse striber for at give hvert afsnit plads til at ånde. Navigationen er en enkelt gennemsigtig topbjælke, der bliver uigennemsigtig, når du ruller.
Hovedelementet er en ren aurora-gradient, fri for fotografier. Alle illustrationer er faktiske skærmbilleder af produktets brugergrænseflade (Kanban i mørk tilstand, indbakke, kalender), indrammet i kortrammer, der fungerer både som bevis og dekoration. Ingen livsstilsfotos, ingen stockbilleder, ingen 3D-gengivelser. Det eneste visuelle element, der ikke er relateret til brugergrænsefladen, er en varm, radial solstråleglød ved bunden af auroraen, gengivet som en CSS-gradient. Ikonerne er monokrome linjeikoner i #95979 eller hvid, aldrig flerfarvede. Systemet behandler sin egen mørke brugergrænseflade som hovedelement – produktet er fotografierne.
Palet
Mærke
- Electric Iris
#5683da— Hovedbaggrunden, indikatoren for aktiv navigation og den slående nordlys-accent – en levende violetblå farve på en kulsort baggrund – skaber et indtryk af engagement snarere end virksomhedsaktivitet. - Ember Pulse
#ff8964— En sekundær accent, en varm nordlyszone, et notifikationspunkt og et illustreret højdepunkt – en ravfarvet nuance, der bryder den blå farves ædruelighed og tilføjer varme til lyskeglen.
Neutral
- Obsidian Canvas
#303236— Sidens baggrund, den dominerende overflade, har en næsten sort farve med et let strejf af varme, standardmiljøet for alt indhold. - Void
#090a0c— Det dybeste overfladelag til gradueringer på hovedskærmen, modale baggrunde og rammer, der skal falde i ét med lærredet. - Charcoal Card
#111111— Hævede overflader lavet af pap og paneler, placeret et trin over lærredet. - Slate Edge
#4a4b50— Diskrete kanter og skillevægge på mørke overflader - Iron Veil
#6b6c6d— Nedtonet baggrund for tags, udfyldninger af listeelementer og deaktiverede udfyldninger. - Smoke
#95979e— Ikonomrids, yderligere tekst og inaktive kontroller er det primære fungerende element i mellemgrå.
Typografi
fra 11 til 80px · 8 trin
- Inter — udskiftning: DM Sans · konturer 300, 400, 500, 600, 700 · Al funktionel tekst i brugergrænsefladen – brødtekst, navigation, knapper, listeelementer, etiketter og små overskrifter – bruges med en skriftvægt på 500-600 til fremhævelse, 400 til brødtekst og 300 sparsomt til diskrete metadata.
- Esbuild — udskiftning: Sora · konturer 400, 500, 600 · Kun til visning: splash-titler, afsnitsoverskrifter og MetaBrain-artikeltitler. Den komprimerede geometri og den stramme bogstavafstand skaber indtryk af, at 84px er mere egnet til redaktionelt arbejde end SaaS-projekter. Brug aldrig under 28px.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 12px |
| Knapradius | 9999px |
| Kortradius | 12px |
| Skygger | bløde skygger |
| Mellem sektioner | 96px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Huly -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- monday — Hvidt værksted med pastelfarvede klistermærker
- Slack — Scenen er auberginefarvet med hvide spotlights. En dyb blommefarvet nuance dominerer de mørke områder, mens det råhvide lærred tillader de store, avantgarde titler at ånde frit.
- Base44 — Solbelyst notesbog med kalkmarkør
- Supahub — Blødt dagslys på en lilla højderyg. Et overvejende hvidt, luftigt lærred oplyst af en enkelt lys lilla sol, med dekorative gradientkugler, der spilder farve ud i det negative rum, og generøs afrundet geometri, der giver hver overflade en behagelig, håndgribelig tyngde.
- Raycast — Midnatskommandocenter, Coral Neon
- Dimension — en arbejdsstation oplyst i skumringen med matteret glas
- Wiza — Et observatorium for mineraludforskning i skumringen, indhyllet i lavendeltåge.
- Paste — En ravfarvet lanterne på hvid marmor – mærkets varme, graduerede logo svæver i det store, hvide rum, som det eneste oplyste vindue i en snedækket bygning.
- Reworkd — Det bløde dagslys på produktdiagrammet er den eneste farve, der taler for sig selv; det er handlingsknappen og den gradienterede overskrift over den.
- Reflect Notes — Det stjerneklare violette rum er et mørkt observatorium, hvor toner svæver som konstellationer mod en baggrund af næsten sort indigo-tomhed.
- Ameba — Kontrolrummet ved midnat – en elektrisk blå puls inde i matterede glaspaneler
- Todoist — Et solbeskinnet arbejdsområde med en papirkalender – et varmt cremefarvet skrivebord, blæknotater og en rød pen