Slash
Půlnoční trezor se zlacenými účetními knihami
Slash funguje v režimu půlnoční galerie: téměř černé plátno, bílé písmo a jeden teplý měděný akcent sloužící jako interpunkce. Nadpisy se zobrazují v Ivy Presto, vysoce kontrastním patkovém písmu používaném v extrémních velikostech (až 88 pixelů) – tento střet patkových a bezpatkových písem je charakteristickým znakem systému a dodává mu finanční vážnost bez makléřské vážnosti tradičního bankovnictví. Zbytek uživatelského rozhraní je záměrně nenápadný: tenké okraje, ovládací prvky ve tvaru pilulky, kompaktní 16px text a jemné zvětšení, které umožňuje písmu dýchat. Jeden zlatý gradient (čára grafu, mikroakcenty) dodává monochromatickému systému teplo a evokuje teplou záři terminálu Bloomberg vytvořeného pro designové publikum.
Obsah má šířku 1216 pixelů, je zarovnán na střed a má svislé mezery 160 pixelů. Domovská obrazovka je tmavé plátno na celou šířku s rozdělenou kompozicí: patková hlavička zarovnaná vlevo (šířka 64–88 pixelů) s polem pro e-mailovou adresu pod ním a velká karta uživatelského rozhraní produktu (snímek obrazovky z dashboardu) vpravo s 50% šířkou. Následující sekce používají jednosloupcovou centrovanou hlavičku (patková, šířka 44–64 pixelů) s podnadpisem v Inter, následovanou třísloupcovou mřížkou karet s popisy funkcí/referencemi/blogy. Navigace je tvořena pevným horním panelem: logo vlevo, centrální menu (Společnost, Produkty, Řešení, Klienti, Ceník, Často kladené otázky), přihlášení zarovnané vpravo (nenápadné) a Začínáme (bíle vyplněný prvek). Patička obsahuje hustou pětisloupcovou mřížku odkazů s informacemi o společnosti a právními upozorněními. Stránka se střídá mezi obsahově bohatými sekcemi mřížky a statistikami na celé obrazovce – rytmus je určen velkorysým bílým prostorem mezi sloupci, nikoli střídáním barev pozadí (celá stránka je prezentována jako jedno, sjednocené plátno).
Fotografie jsou redakční a naturalistické: vřelé portréty zakladatelů a členů týmu v jejich reálném pracovním prostředí (kanceláře, obývací pokoje, staveniště). Obrázky vyplňují rámečky karet od okraje k okraji, bez odsazení. Ve spodní části karet s referencemi je použit tmavý přechod pro zlepšení čitelnosti textu. Estetika – „LinkedIn se setkává s redakčním časopisem“ – je ležérní, lidská a mírně tlumená, nikdy není vyleštěna stock fotografiemi. Náhledy článků kombinují fotografie s ilustrovanými koncepty (osoba stojící v bludišti, krb s pytli peněz). Uživatelské rozhraní produktu se zobrazuje v tmavém režimu s plnou neprůhledností, vznáší se nad stránkou na jemných tmavých plochách – ústředním prvku. Ikony jsou černobílé s tahy o tloušťce 1px v barvě #2e3038 nebo #777a88, nikdy nejsou vyplněny barvou značky.
Paleta
Neutrální
- Bone
#e2e3e9— Velká velikost písma pro primární text, podrobné popisky dat a standardní tón textu u většiny prvků uživatelského rozhraní. - Obsidian
#08080a— Plátno stránky, pozadí zápatí, nejtmavší povrch je téměř černý s jemným modrým odstínem. - Onyx
#040406— Povrch karty, dodatečné pozadí, je kvůli vizuálnímu efektu o jeden stupeň hlubší než stránka. - Carbon
#121317— Vyvýšené panely, nenápadná výplň uživatelského rozhraní – první znatelně lehčí krok v evoluci Surface Stacku - Graphite
#1c1d22— Okraje, oddělovače, kontejnery ikon, posuvníky ovládacích prvků – nejjemnější odstín barvy, který definuje strukturu. - Slate
#2e3038— Další ohraničení, tlumené čáry ikon, nenápadné oddělovače mezi bloky obsahu.
Typografie
od 13 do 88 pixelů · 9 kroků
- Ivy Presto — nahrazení: Playfair Display · obrysy 400, 500 · Patkové písmo pro nadpisy a podnadpisy – používá se výhradně pro nadpisy a názvy sekcí o velikosti 28 pixelů a větší. Vysoce kontrastní didonové tahy s tenkými patkami vytvářejí dojem redakčního luxusu; malá pozitivní mezera písmen 0,01 em je neobvyklá a dodává písmu tištěný, účetní vzhled. Toto patkové písmo je hlavní vizitkou značky – odlišuje Slash od všech ostatních SaaS fintech společností, které standardně používají geometrická bezpatková písma.
- Inter — nahrazení: Inter (self-hosted via Google Fonts) · obrysy 300, 400, 500, 600, 700 · UI Sans – hlavní text, navigace, tlačítka, popisky, odkazy, pole formulářů a podnadpisy. Hlavní text používá písmo velikosti 300 pro nenápadný sekundární text; 500 se používá pro text se středním důrazem a popisky tlačítek; 600 je vyhrazeno pro popisky kategorií psané malými písmeny. Záporné rozteče písmen se zmenšují z 2 (-3) a zmenšují se s klesající velikostí, což je typické pro optické škálování písma Inter.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 8px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 10px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 160px |
| Šířka stránky | 1216px |
Umělá inteligence vám vytvoří web ve stylu Slash 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
- Modal — Fosforeskující terminál v zatemněné serverovně - jediným zdrojem světla je jasně zelená barva
- AgentQL — Polární záře nad terminálem v noci
- GitHub — Vesmírný velitelský panel s bioluminiscenčními kontrolními body – tmavý, atmosférický pracovní prostor, kde jediná zelená záře ukazuje cestu vpřed.
- Doppler — Fialové osvětlení trezoru o půlnoci. Téměř černé plátno září jediným levandulovým signálem a zeleným potvrzovacím světlem, každý povrch je dostatečně zakřivený, aby se dal uchopit.
- Basedash — Půlnoční datový terminál s matným písmem. Temná observatoř, kde metriky září fialově a zeleně, patkové titulky se vznášejí nad hlukem a bílá tlačítka ve tvaru pilulek jsou jedinými jasnými objekty v místnosti s měkkými černými povrchy.
- Superwhisper — Polární záře se rozplývá nad půlnočním sklem
- Better Stack — Půlnoční konzole SRE
- Langbase — Konzola Půlnoční polární záře
- Astro — Řízení mise v hlubokém vesmíru s jedinou fialovou záři z mlhoviny
- Wayfinder — Černá filmová obrazovka s sotva slyšitelným titulkem vznášejícím se nad živou ilustrací. Rozhraní je spíše posuvník jasu než ovládací panel.
- HashiCorp — Řídicí místnost o půlnoci s fialovým neonem je tmavý technický povrch, kde zářící šestiúhelníková krychle slouží jako jediný barevný referenční bod.
- Umbrel — Útulné ohniště v noční serverovně – temná místnost, kde jediná broskvová záře zdůrazňuje to, co je skutečně důležité.