Huly
Norrsken vid midnattsobservatoriet - huvudpersonen är en vertikal stråle av lila som bleknar in i korall, och varje tyst avsnitt under den lånar samma tvåfärgade historia berättad i en mer dämpad ton
Huly framkallar atmosfären i en kosmisk arbetsyta: en nästan svart duk med ett enda violett-bärnstensfärgat sken som skär igenom huvudelementet, och under det ett mer dämpat rutnät för ökad produktivitet. Systemet arbetar inom ett smalt färgomfång – en ljusblå och en korallfärgad färg gör allt varumärkesarbete mot lager av grafitytor, så det mörka läget känns aldrig neutralt. Typografin är Inter-style för allt funktionellt, med ett anpassat typsnitt (Esbuild) reserverat för nyckelpunkter, med en bredd på 80–84px och aggressivt negativt bokstavsavstånd. Komponenterna är kapselformade: 9999px radier på kontroller, 12px på kort, minimal skugga och glödande gradientlinjer som huvuddekoration. Sidan växlar mellan helsides mörka områden och lugna ljusa sektioner, så alla nya skärmar bör bestämma sig för läge innan de väljer färger.
Hemsidan i full bredd har en vertikal stråle av norrsken och en vänsterjusterad rubrik, tillsammans med en produktskärmdump placerad längst ner till höger. Under hemsidan finns ett innehållsområde med maximal bredd, 1200px, med alternerande mörka och ljusa ränder. Varje sektion är ett enda vertikalt block: en rubrik plus ett rutnät med 3 eller 4 kolumner av kort separerade med 96px mellanrum. "MetaBrain"-sektionen bryter rutnätet med en centrerad rubrik och en mosaik av kort i varierande storlekar (ett stort huvudkort plus mindre stödkort). Sidan är innehållsrik och följer SaaS-standarder, men använder alternerande mörka och ljusa ränder för att ge varje sektion utrymme att andas. Navigeringen är en enda transparent övre stapel som bleknar till ogenomskinlig när du scrollar.
Huvudelementet är en ren norrskensgradient, fri från fotografier. Alla illustrationer är faktiska skärmdumpar av produktens användargränssnitt (Kanban i mörkt läge, inkorg, kalender), inramade i kortramar som fungerar både som bevis och dekoration. Inga livsstilsfoton, inga stockbilder, inga 3D-renderingar. Det enda visuella elementet som inte är relaterat till användargränssnittet är ett varmt, radiellt solsken vid basen av norrskenet, renderat som en CSS-gradient. Ikonerna är monokroma linjeikoner i #95979 eller vitt, aldrig flerfärgade. Systemet behandlar sitt eget mörka användargränssnitt som huvudelement – produkten är fotografierna.
Palett
Stämpla
- Electric Iris
#5683da— Huvudbakgrunden, indikatorn för aktiv navigation och den slående norrskensaccenten – en livfull violettblå färg mot en kolsvart bakgrund – skapar ett intryck av engagemang snarare än företagsaktivitet. - Ember Pulse
#ff8964— En sekundär accent, en varm norrskenszon, en notifieringspunkt och en illustrerande highlight – en bärnstensfärgad nyans som bryter det blås nykterheten och ger värme åt ljuskäglan.
Neutral
- Obsidian Canvas
#303236— Sidans bakgrund, den dominerande ytan, har en nästan svart färg med en lätt antydan till värme, standardmiljön för allt innehåll. - Void
#090a0c— Det djupaste ytlagret för gradienter på huvudskärmen, modala bakgrunder och ramar som ska smälta in i arbetsytan. - Charcoal Card
#111111— Upphöjda ytor av kartong och paneler, placerade ett steg ovanför duken. - Slate Edge
#4a4b50— Subtila kanter och avgränsare på mörka ytor - Iron Veil
#6b6c6d— Nedtonad bakgrund för taggar, listobjektsfyllningar och inaktiverade fyllningar. - Smoke
#95979e— Ikonkonturer, ytterligare text och inaktiva kontroller är de primära arbetselementen i mellangrått.
Typografi
från 11 till 80px · 8 steg
- Inter — ersättning: DM Sans · konturer 300, 400, 500, 600, 700 · All funktionell text i användargränssnittet – brödtext, navigering, knappar, listobjekt, etiketter och små rubriker – används med en teckensnittsvikt på 500–600 för betoning, 400 för brödtext och 300 sparsamt för diskreta metadata.
- Esbuild — ersättning: Sora · konturer 400, 500, 600 · Endast visning: starttitlar, avsnittsrubriker och MetaBrain-artikeltitlar. Den komprimerade geometrin och det snäva bokstavsavståndet ger intrycket att 84px passar bättre för redaktionellt arbete än SaaS-projekt. Använd aldrig under 28px.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 12px |
| Knappradie | 9999px |
| Kortradie | 12px |
| Skuggor | mjuka skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Huly -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- monday — Vit verkstad med pastellfärgade klistermärken
- Slack — Scenen är auberginefärgad med vita spotlights. En djup plommonfärgad nyans dominerar de mörka områdena, medan den benvita duken låter de stora, avantgardistiska titlarna andas fritt.
- Base44 — Solbelyst anteckningsbok med limepenna
- Supahub — Mjukt dagsljus på en lila ås. En mestadels vit, luftig duk upplyst av en enda klarlila sol, med dekorativa gradientsfärer som sprider färg i det negativa rummet och generös rundad geometri som ger varje yta en behaglig, påtaglig tyngd.
- Raycast — Midnattskommandocentralen, Coral Neon
- Dimension — en arbetsplats upplyst i skymningen med frostade glaspaneler
- Wiza — Ett observatorium för mineralutforskning i skymningen, höljt i lavendeldimma.
- Paste — En bärnstensfärgad lykta på vit marmor – märkets varma, tonad logotyp svävar i det stora vita utrymmet, som det enda upplysta fönstret i en snötäckt byggnad.
- Reworkd — Det mjuka dagsljuset på produktdiagrammet är den enda färgen som talar för sig själv, det är åtgärdsknappen och den tonade rubriken ovanför.
- Reflect Notes — Den stjärnklara violetta rymden är ett mörkt observatorium där toner svävar likt konstellationer mot en bakgrund av nästan svart indigofärgad tomhet.
- Ameba — Kontrollrummet vid midnatt – en elektrisk blå puls inuti frostade glaspaneler
- Todoist — En solbelyst arbetsyta med en pappersdagbok – ett varmt krämfärgat skrivbord, bläckanteckningar, en röd penna