Huly
Polárna žiara v polnočnom observatóriu – protagonista je vertikálny lúč fialovej farby prechádzajúci do koralovej a každá tichá časť pod ním si požičiava rovnaký dvojfarebný príbeh rozprávaný v tlmenejšom tóne.
Huly evokuje atmosféru kozmického pracovného priestoru: takmer čierne plátno s jedinou fialovo-jantárovou žiarou pretínajúcou hlavný prvok a pod ním tlmenejšia mriežka pre zvýšenú produktivitu. Systém funguje v úzkom farebnom rozsahu – jedna jasne modrá a jedna koralová vykonávajú všetku prácu s brandingom na vrstvených grafitových povrchoch, takže tmavý režim nikdy nepôsobí neutrálne. Typografia je pre všetko funkčné v medzištýlovom štýle s vlastným písmom (Esbuild) vyhradeným pre kľúčové body, s rozstupom 80 – 84px a agresívnym negatívnym rozstupom písmen. Komponenty majú tvar kapsuly: polomery 9999px na ovládacích prvkoch, 12px na kartách, minimálny tieň a žiariace gradientové čiary ako hlavná dekorácia. Stránka sa strieda medzi tmavými oblasťami na celej stránke a pokojnými svetlými časťami, takže každá nová obrazovka by sa mala rozhodnúť pre režim pred výberom farieb.
Domovská stránka na celú šírku zobrazuje zvislý lúč polárnej žiary a nadpis zarovnaný vľavo spolu so snímkou obrazovky produktu umiestnenou v pravom dolnom rohu. Pod domovskou stránkou sa nachádza obsahová oblasť s maximálnou šírkou 1200 pixelov so striedajúcimi sa tmavými a svetlými pruhmi. Každá sekcia je jeden zvislý blok: hlavička plus mriežka s 3 alebo 4 stĺpcami kariet oddelených medzerami 96 pixelov. Sekcia „MetaBrain“ prerušuje mriežku centrovaným nadpisom a mozaikou kariet rôznych veľkostí (veľká hlavná karta plus menšie podporné karty). Stránka je plná obsahu, v súlade so štandardmi SaaS, ale používa striedavé tmavé a svetlé pruhy, aby každá sekcia mala priestor na dýchanie. Navigácia je tvorená jedným priehľadným horným panelom, ktorý sa pri posúvaní stáva nepriehľadným.
Hlavným prvkom je čistý gradient polárnej žiary, bez fotografií. Všetky ilustrácie sú skutočné snímky obrazovky používateľského rozhrania produktu (Kanban v tmavom režime, doručená pošta, kalendár), zarámované v rámčekoch s kartami, ktoré slúžia ako dôkaz aj dekorácia. Žiadne fotografie životného štýlu, žiadne obrázky z fotobanky, žiadne 3D rendery. Jediným vizuálnym prvkom, ktorý nesúvisí s používateľským rozhraním, je teplá, radiálna slnečná žiara na spodnej časti polárnej žiary, vykreslená ako CSS gradient. Ikony sú monochromatické čiarové ikony v farbe #95979 alebo bielej, nikdy nie viacfarebné. Systém považuje svoje vlastné tmavé používateľské rozhranie za hlavný prvok – produktom sú fotografie.
Paleta
Značka
- Electric Iris
#5683da— Hlavné pozadie, indikátor aktívnej navigácie a výrazný akcent polárnej žiary – žiarivá fialovomodrá farba na čiernom pozadí – vytvárajú dojem angažovanosti a nie firemnej aktivity. - Ember Pulse
#ff8964— Sekundárny akcent, teplá zóna s polárnou žiarou, bod upozornenia a ilustračné zvýraznenie – jantárový odtieň, ktorý preruší striedmosť modrej a dodáva lúču teplo.
Neutrálny
- Obsidian Canvas
#303236— Pozadie stránky, dominantný povrch, je takmer čiernej farby s jemným náznakom tepla, štandardného prostredia pre všetok obsah. - Void
#090a0c— Najhlbšia povrchová vrstva pre prechody na hlavnej obrazovke, modálne pozadia a rámce, ktoré by mali splývať s plátnom. - Charcoal Card
#111111— Vyvýšené plochy vyrobené z kartónu a panelov, umiestnené o jeden krok nad plátnom. - Slate Edge
#4a4b50— Jemné okraje a oddeľovače na tmavých povrchoch - Iron Veil
#6b6c6d— Stmavené pozadie pre značky, výplne položiek zoznamu a vypnuté výplne. - Smoke
#95979e— Obrysy ikon, dodatočný text a neaktívne ovládacie prvky sú hlavným pracovným prvkom v stredne sivej farbe.
Typografia
od 11 do 80px · 8 krokov
- Inter — náhrada: DM Sans · obrysy 300, 400, 500, 600, 700 · Všetok funkčný text v používateľskom rozhraní – text tela, navigácia, tlačidlá, položky zoznamu, štítky a malé nadpisy – sa používa s hrúbkou písma 500 – 600 pre zvýraznenie, 400 pre text tela a 300 striedmo pre nenápadné metadáta.
- Esbuild — náhrada: Sora · obrysy 400, 500, 600 · Iba na zobrazenie: úvodné nadpisy, nadpisy sekcií a nadpisy článkov MetaBrain. Zhustená geometria a tesné rozstupy písmen vytvárajú dojem, že 84px je vhodnejších pre redakčnú prácu ako pre SaaS projekty. Nikdy nepoužívajte menej ako 28px.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 12px |
| Polomer tlačidla | 9999px |
| Polomer karty | 12px |
| Tiene | mäkké tiene |
| Medzi sekciami | 96px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Huly a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- monday — Biela dielňa s pastelovými nálepkami
- Slack — Javisko je v baklažánovej farbe s bielymi bodovými svetlami. Tmavým plochám dominuje tmavý slivkový odtieň, zatiaľ čo sivobiele plátno umožňuje veľkým, avantgardným titulkom voľne dýchať.
- Base44 — Slnečný zápisník s limetkovou fixkou
- Supahub — Jemné denné svetlo na fialovom hrebeni. Prevažne biele, vzdušné plátno osvetlené jediným jasne fialovým slnkom, s dekoratívnymi gradientnými guľami rozlievajúcimi farbu do negatívneho priestoru a veľkorysou zaoblenou geometriou, ktorá dodáva každému povrchu príjemnú, hmatateľnú ťažkosť.
- Raycast — Polnočné veliteľské centrum, Coral Neon
- Dimension — pracovisko osvetlené za súmraku s matnými sklenenými panelmi
- Wiza — Observatórium na prieskum nerastov za súmraku, zahalené v levanduľovej hmle.
- Paste — Jantárový lampáš na bielom mramore – teplé gradientové logo značky sa vznáša v rozľahlom bielom priestore ako jediné osvetlené okno v zasneženej budove.
- Reworkd — Jemné denné svetlo na diagrame produktu je jediná farba, ktorá hovorí sama za seba, je to akčné tlačidlo a gradientový nadpis nad ním.
- Reflect Notes — Hviezdno-fialový priestor je tmavé observatórium, kde sa tóny vznášajú ako súhvezdia na pozadí takmer čiernej indigovej prázdnoty.
- Ameba — Riadiaca miestnosť o polnoci – elektricky modrý pulz vo vnútri matných sklenených panelov
- Todoist — Slnečný pracovný priestor s papierovým diárom – teplý krémový stôl, atramentové poznámky, jedno červené pero