Huly
Polární záře v půlnoční observatoři - protagonista je vertikální paprsek fialové barvy přecházející do korálové a každá tichá část pod ním si vypůjčuje stejný dvoubarevný příběh vyprávěný tlumenějším tónem.
Huly evokuje atmosféru kosmického pracovního prostoru: téměř černé plátno s jedinou fialovo-jantarovou září protínající hlavní prvek a pod ním tlumenější mřížka pro zvýšení produktivity. Systém pracuje v úzkém barevném rozsahu – jedna jasně modrá a jedna korálová odvádějí veškerou práci s brandingem na vrstveném grafitovém povrchu, takže tmavý režim nikdy nepůsobí neutrálně. Typografie je pro vše funkční v mezistylovém stylu s vlastním písmem (Esbuild) vyhrazeným pro klíčové body, s roztečí 80–84px a agresivním negativním roztečem písmen. Komponenty mají tvar kapsle: poloměry 9999px u ovládacích prvků, 12px na kartách, minimální stín a zářící gradientní čáry jako hlavní dekorace. Stránka se střídá mezi celostránkovými tmavými oblastmi a klidnými světlými sekcemi, takže jakákoli nová obrazovka by se měla rozhodnout pro režim před výběrem barev.
Domovská stránka na celou šířku stránky obsahuje svislý paprsek polární záře a nadpis zarovnaný vlevo spolu se screenshotem produktu umístěným vpravo dole. Pod domovskou stránkou se nachází obsahová oblast o maximální šířce 1200 pixelů, se střídajícími se tmavými a světlými pruhy. Každá sekce je tvořena jedním svislým blokem: záhlaví plus mřížka karet se 3 nebo 4 sloupci oddělenými mezerami 96 pixelů. Sekce „MetaBrain“ prolomí mřížku středovým nadpisem a mozaikou karet různých velikostí (velká hlavní karta plus menší podpůrné karty). Stránka je plná obsahu, splňuje standardy SaaS, ale používá střídavé tmavé a světlé pruhy, aby každá sekce měla prostor pro dýchání. Navigace je tvořena jedinou průhlednou horní lištou, která se při posouvání mění v neprůhlednou.
Hlavním prvkem je čistý gradient polární záře, bez fotografií. Všechny ilustrace jsou skutečné snímky obrazovky uživatelského rozhraní produktu (Kanban v tmavém režimu, doručená pošta, kalendář), zarámované v rámečcích s kartami, které slouží jako důkaz i dekorace. Žádné lifestylové fotografie, žádné obrázky z fotobanky, žádné 3D rendery. Jediným vizuálním prvkem, který nesouvisí s uživatelským rozhraním, je teplá, radiální záře slunce na základně polární záře, vykreslená jako CSS gradient. Ikony jsou černobílé čárové ikony v barvě #95979 nebo bílé, nikdy ne vícebarevné. Systém považuje své vlastní tmavé uživatelské rozhraní za hlavní prvek – produktem jsou fotografie.
Paleta
Značka
- Electric Iris
#5683da— Hlavní pozadí, indikátor aktivní navigace a výrazný akcent polární záře – zářivá fialovomodrá barva na uhlově černém pozadí – vytvářejí spíše dojem zapojení než firemní aktivity. - Ember Pulse
#ff8964— Sekundární akcent, teplá zóna polární záře, bod oznámení a ilustrační zvýraznění – jantarový odstín, který prolomí střízlivost modré a dodá paprsku teplo.
Neutrální
- Obsidian Canvas
#303236— Pozadí stránky, dominantní povrch, je téměř černé barvy s lehkým nádechem tepla, což je standardní prostředí pro veškerý obsah. - Void
#090a0c— Nejhlubší povrchová vrstva pro přechody na hlavní obrazovce, modální pozadí a rámečky, které by měly splývat s plátnem. - Charcoal Card
#111111— Vyvýšené plochy z kartonu a panelů, umístěné o jeden stupeň nad plátnem. - Slate Edge
#4a4b50— Jemné okraje a oddělovače na tmavých površích - Iron Veil
#6b6c6d— Šedé pozadí pro štítky, výplně položek seznamu a zakázané výplně. - Smoke
#95979e— Obrysy ikon, doplňkový text a neaktivní ovládací prvky jsou primárním pracovním prvkem ve středně šedé barvě.
Typografie
od 11 do 80 pixelů · 8 kroků
- Inter — nahrazení: DM Sans · obrysy 300, 400, 500, 600, 700 · Veškerý funkční text v uživatelském rozhraní – text těla, navigace, tlačítka, položky seznamu, popisky a malé nadpisy – je použit s tloušťkou písma 500–600 pro zdůraznění, 400 pro text těla a 300 střídmě pro nenápadná metadata.
- Esbuild — nahrazení: Sora · obrysy 400, 500, 600 · Pouze k zobrazení: úvodní nadpisy, nadpisy sekcí a nadpisy článků MetaBrain. Zhuštěná geometrie a malé rozteče písmen vytvářejí dojem, že 84px je vhodnější pro redakční práci než SaaS projekty. Nikdy nepoužívejte méně než 28px.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 12px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 12px |
| Stíny | měkké stíny |
| Mezi sekcemi | 96px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Huly a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- monday — Bílá dílna s pastelovými samolepkami
- Slack — Jeviště je v barvě lilku s bílými bodovými světly. Tmavým plochám dominuje tmavý švestkový odstín, zatímco špinavě bílé plátno umožňuje velkým, avantgardním titulkům volně dýchat.
- Base44 — Sluncem zalitý zápisník s limetkovým fixem
- Supahub — Měkké denní světlo na fialovém hřebeni. Převážně bílé, vzdušné plátno osvětlené jediným jasně fialovým sluncem, s dekorativními gradientními koulemi rozlévajícími barvu do negativního prostoru a velkorysou zaoblenou geometrií, která dodává každému povrchu příjemnou, hmatatelnou těžkost.
- Raycast — Půlnoční velitelské centrum, Coral Neon
- Dimension — pracovní stanice osvětlená soumrakem s matnými skleněnými panely
- Wiza — Observatoř pro průzkum nerostů za soumraku, zahalená v levandulovém oparu.
- Paste — Jantarová lucerna na bílém mramoru – teplé gradientní logo značky se vznáší v rozlehlém bílém prostoru jako jediné osvětlené okno v zasněžené budově.
- Reworkd — Jemné denní světlo na diagramu produktu je jediná barva, která mluví sama za sebe, je to tlačítko akce a nad ním gradientní nadpis.
- Reflect Notes — Hvězdně fialový prostor je temná observatoř, kde se tóny vznášejí jako souhvězdí na pozadí téměř černé indigové prázdnoty.
- Ameba — Řídicí místnost o půlnoci – elektricky modrý puls uvnitř matných skleněných panelů
- Todoist — Sluncem zalitý pracovní prostor s papírovým diářem – stůl v teplé krémové barvě, inkoustové poznámky, jedno červené pero