Slash
Polnočná klenba so zlátenými účtovnými knihami
Slash funguje v režime polnočnej galérie: takmer čierne plátno, biele písmo a jeden teplý medený akcent slúžiaci ako interpunkcia. Nadpisy sa zobrazujú v Ivy Presto, vysoko kontrastnom dvojpätkovom písme používanom v extrémnych veľkostiach (až do 88px) – tento stret pätkových a bezpätkových písiem je charakteristickým znakom systému a dodáva mu finančnú vážnosť bez maklérskej vážnosti tradičného bankovníctva. Zvyšok používateľského rozhrania je zámerne nenápadný: tenké okraje, ovládacie prvky v tvare tabletky, kompaktný 16px text a jemné pretiahnutie nahor, ktoré umožňuje písmu dýchať. Jeden zlatý gradient (čiara grafu, mikroakcenty) dodáva monochromatickému systému teplo a evokuje teplú žiaru terminálu Bloomberg vytvoreného pre dizajnérske publikum.
Obsah má šírku 1216 pixelov, je vycentrovaný a má vertikálne medzery 160 pixelov. Domovská obrazovka je tmavé plátno na celú šírku s rozdelenou kompozíciou: hlavička s pätkami zarovnaná doľava (šírka 64 – 88 pixelov) s poľom pre e-mailovú adresu pod ním a veľká karta používateľského rozhrania produktu (snímka obrazovky dashboardu) vpravo s 50 % šírkou. Nasledujúce sekcie používajú hlavičku s jedným stĺpcom, vycentrovanú (pätka, šírka 44 – 64 pixelov) s podnadpisom v jazyku Inter, za ktorou nasledujú trojstĺpcové mriežky kariet s popismi funkcií/referenciami/blogy. Navigácia je tvorená pevným horným panelom: logo vľavo, centrálne menu (Spoločnosť, Produkty, Riešenia, Klienti, Ceny, Často kladené otázky), prihlásenie zarovnané doprava (nenápadné) a začíname (biely vyplnený prvok). Päta obsahuje hustú päťstĺpcovú mriežku odkazov s informáciami o spoločnosti a právnymi oznámeniami. Na stránke sa striedajú sekcie mriežky bohaté na obsah a štatistiky na celej obrazovke – rytmus je určený veľkorysým bielym priestorom medzi stĺpcami, a nie striedaním farieb pozadia (celá stránka je prezentovaná ako jedno, jednotné plátno).
Fotografia je redakčná a naturalistická: teplé portréty zakladateľov a členov tímu v ich reálnych pracovných prostrediach (kancelárie, obývačky, staveniská). Obrázky vypĺňajú rámčeky kariet od okraja k okraju, bez odsadenia. V spodnej časti kariet s referenciami sa používa tmavý gradient na zlepšenie čitateľnosti textu. Estetika – „LinkedIn stretáva redakčný časopis“ – je ležérna, ľudská a mierne tlmená, nikdy nie je vyleštená stock fotografiami. Miniatúry článkov kombinujú fotografie s ilustrovanými konceptmi (osoba stojaca v bludisku, krb s vrecami peňazí). Používateľské rozhranie produktu sa zobrazuje v tmavom režime s plnou nepriehľadnosťou, vznáša sa nad stránkou na jemných tmavých povrchoch – ústrednom prvku. Ikony sú monochromatické s 1px ťahmi v farbe #2e3038 alebo #777a88, nikdy nie sú vyplnené farbou značky.
Paleta
Neutrálny
- Bone
#e2e3e9— Veľké písmo pre primárny text, podrobné popisky údajov a štandardný tón textu vo väčšine prvkov používateľského rozhrania. - Obsidian
#08080a— Plátno stránky, pozadie päty, najtmavší povrch je takmer čierny s jemným modrým odtieňom. - Onyx
#040406— Povrch karty, dodatočné pozadie, je kvôli vizuálnemu efektu o jeden krok hlbšie ako stránka. - Carbon
#121317— Zvýšené panely, nenápadná výplň používateľského rozhrania – prvý citeľne ľahší krok v evolúcii Surface Stacku - Graphite
#1c1d22— Okraje, oddeľovače, kontajnery ikon, ovládacie posuvníky – najjemnejší odtieň farby, ktorý definuje štruktúru. - Slate
#2e3038— Ďalšie orámovania, tlmené čiary ikon, jemné oddeľovače medzi blokmi obsahu.
Typografia
od 13 do 88px · 9 krokov
- Ivy Presto — náhrada: Playfair Display · obrysy 400, 500 · Pätkové písmo pre nadpisy a podnadpisy – používa sa výlučne pre nadpisy a názvy sekcií s veľkosťou 28px a viac. Vysoko kontrastné pätkové ťahy s tenkými pätkami vytvárajú pocit redakčného luxusu; malé kladné rozstupy písmen 0,01em sú nezvyčajné a dávajú písmu tlačený, účtovnícky vzhľad. Toto pätkové písmo je hlavnou vizitkou značky – odlišuje Slash od všetkých ostatných SaaS fintech spoločností, ktoré štandardne používajú geometrické bezpätkové písma.
- Inter — náhrada: Inter (self-hosted via Google Fonts) · obrysy 300, 400, 500, 600, 700 · UI Sans – hlavný text, navigácia, tlačidlá, popisky, odkazy, polia formulárov a podnadpisy. Hlavný text používa písmo veľkosti 300 pre nenápadný sekundárny text; 500 sa používa pre text so stredným dôrazom a popisky tlačidiel; 600 je vyhradených pre popisky kategórií písané malými písmenami. Záporné rozstupy medzi písmenami sa znižujú od 2 (-3) a zmenšujú sa so znižujúcou sa veľkosťou, čo je typické pre optické škálovanie písma Inter.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 8px |
| Polomer tlačidla | 9999px |
| Polomer karty | 10px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 160px |
| Šírka stránky | 1216px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Slash 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
- Modal — Fosforeskujúci terminál v zatemnenej serverovni - jediným zdrojom svetla je jasne zelená farba.
- AgentQL — Polárna žiara nad terminálom v noci
- GitHub — Vesmírny veliteľský panel s bioluminiscenčnými kontrolnými bodmi – tmavý, atmosférický pracovný priestor, kde jediná zelená žiara ukazuje cestu vpred.
- Doppler — Fialové osvetlenie trezoru o polnoci. Takmer čierne plátno žiari jediným levanduľovým signálom a zeleným potvrdzovacím svetlom, pričom každý povrch je dostatočne zakrivený na to, aby sa dal uchopiť.
- Basedash — Polnočný dátový terminál s matným písmom. Tmavé observatórium, kde metriky žiaria fialovo a zeleno, pätkové titulky sa vznášajú nad hlukom a biele tlačidlá v tvare tabletiek sú jedinými jasnými objektmi v miestnosti s mäkkými čiernymi povrchmi.
- Superwhisper — Polárna žiara sa rozplýva nad polnočným sklom
- Better Stack — Konzola polnočného SRE
- Langbase — Konzola polnočnej polárnej žiary
- Astro — Riadiaci stredisko misií Deep Space s jedinou fialovou žiarou z hmloviny
- Wayfinder — Čierna filmová obrazovka s ledva počuteľným titulkom vznášajúcim sa nad živou ilustráciou. Rozhranie je skôr posuvník jasu než ovládací panel.
- HashiCorp — Riadiaca miestnosť o polnoci s fialovým neónom je tmavý technický povrch, kde ako jediný farebný referenčný prvok slúži žiariaca šesťuholníková kocka.
- Umbrel — Útulné ohnisko v nočnej serverovni – tmavej miestnosti, kde jediné broskyňové svetlo zdôrazňuje to, čo je skutočne dôležité.