Slash
Éjféli trezor aranyozott főkönyvekkel
A Slash éjféli galéria módban működik: majdnem fekete vászon, fehér betűtípus és egyetlen meleg rézszínű hangsúly írásjelként. A címsorok Ivy Presto betűtípusban jelennek meg, amely egy nagy kontrasztú didone talpú betűtípus, amelyet extrém méretekben (akár 88 képpontig) használnak – ez a talpas és talp nélküli betűtípusok ütközése a rendszer védjegye, pénzügyi komolyságot kölcsönözve neki a hagyományos banki szolgáltatások brókercégek komolysága nélkül. A felhasználói felület többi része szándékosan visszafogott: vékony szegélyek, pirula alakú vezérlők, kompakt, 16 képpontos szövegtörzs és egy finom felfelé ívelés, hogy a betű lélegezni tudjon. Egyetlen arany színátmenet (diagramvonal, mikrohangsúlyok) melegséget kölcsönöz a monokróm rendszernek, a design közönség számára tervezett Bloomberg terminál meleg ragyogását idézve.
A tartalom 1216 képpont széles, középre igazított, 160 képpontos függőleges szegélyekkel. A kezdőképernyő egy sötét, teljes szélességű vászon osztott kompozícióval: balra igazított, talpas fejléc (64–88 képpont széles), alatta egy e-mail cím mezővel, és egy nagyméretű, 50%-os szélességű termék felhasználói felület kártyával (egy irányítópult képernyőképe). A későbbi szakaszok egyoszlopos, középre igazított fejlécet (talpas, 44–64 képpont széles) használnak, Inter betűtípusú alcímmel, majd háromoszlopos rácsban elhelyezett kártyák a funkcióleírásokhoz/ajánlásokhoz/blogokhoz. A navigáció egy fix felső sáv: bal oldalon logó, központi menü (Cég, Termékek, Megoldások, Ügyfelek, Árazás, GYIK), jobbra igazított bejelentkezés (nem feltűnő) és első lépések (fehérrel kitöltött elem). A láblécben egy sűrű, ötoszlopos rács található, amely linkeket tartalmaz a céges információkkal és jogi nyilatkozatokkal. Az oldal tartalomgazdag rácsos részek és teljes képernyős statisztikák között váltakozik – a ritmust az oszlopok közötti nagyméretű fehér tér adja, nem pedig a váltakozó háttérszínek (a teljes oldal egyetlen, egységes vászonként jelenik meg).
A fotók szerkesztői és naturalisztikusak: meleg hangulatú portrék az alapítókról és a csapattagokról valós munkakörnyezetükben (irodák, nappalik, építkezések). A képek széltől szélig kitöltik a kártyák kereteit, kitöltés nélkül. Az ajánlólevelek alján sötét színátmenet található a szöveg olvashatóságának javítása érdekében. Az esztétika – „LinkedIn találkozik az szerkesztői magazinnal” – laza, emberi és kissé visszafogott, soha nem csiszolva stock fotókkal. A cikkek bélyegképei fényképeket ötvöznek illusztrált koncepciókkal (egy labirintusban álló személy, egy kandalló pénzeszsákokkal). A termék felhasználói felülete sötét módban, teljes átlátszósággal jelenik meg, finom sötét felületeken lebeg az oldal felett – ez egy központi elem. Az ikonok monokrómok, 1 képpontos ecsetvonásokkal, #2e3038 vagy #777a88 színben, soha nem a márka színével kitöltve.
Paletta
Semleges
- Bone
#e2e3e9— Nagy betűméret az elsődleges szöveghez, részletes adatfeliratok és szabványos szövegtónus a legtöbb felhasználói felület elemen. - Obsidian
#08080a— Az oldalvászon, a lábléc háttere, a legsötétebb felület szinte fekete, finom kékes árnyalattal. - Onyx
#040406— A kártya felülete, a kiegészítő háttér, egy lépéssel mélyebb, mint az oldal a vizuális hatás érdekében. - Carbon
#121317— Kiemelkedő panelek, diszkrét felhasználói felület kitöltése - az első észrevehetően könnyedebb lépés a Surface Stack fejlődésében - Graphite
#1c1d22— Szegélyek, elválasztók, ikontárolók, vezérlőcsúszkák – a legfinomabb színárnyalat, amely meghatározza a struktúrát. - Slate
#2e3038— További szegélyek, tompa ikonvonalak, finom elválasztók a tartalomblokkok között.
Tipográfia
13-ról 88 képpontra · 9 lépésben
- Ivy Presto — csere: Playfair Display · körvonalak 400, 500 · Talpas betűtípus címsorokhoz és alcímsorokhoz – kizárólag címsorokhoz és szakaszcímekhez használják 28 képpontos vagy annál nagyobb méretben. A nagy kontrasztú didone ecsetvonások vékony talpakkal a szerkesztői luxus érzetét keltik; a 0,01 em-es kis pozitív betűköz szokatlan, és nyomtatott, könyvelési jellegű megjelenést kölcsönöz a betűtípusnak. Ez a talpas betűtípus a márka fő névjegye – megkülönbözteti a Slash-t az összes többi SaaS fintech vállalattól, amelyek alapértelmezés szerint geometrikus talp nélküli betűtípusokat használnak.
- Inter — csere: Inter (self-hosted via Google Fonts) · körvonalak 300, 400, 500, 600, 700 · UI Sans – fő szöveg, navigáció, gombok, címkék, linkek, űrlapmezők és alcímek. A fő szöveg 300-as betűtípust használ a diszkrét másodlagos szöveghez; az 500-as betűtípus a közepesen hangsúlyos szöveghez és a gombfeliratokhoz; a 600-as betűméret a kisbetűs kategóriafeliratoknak van fenntartva. A negatív betűköz 2-ről (-3) csökken, és a méret csökkenésével csökken, ami jellemző az Inter betűtípus optikai méretezésére.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 8px |
| Gomb sugara | 9999px |
| Kártya sugara | 10px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 160px |
| Oldal szélessége | 1216px |
A mesterséges intelligencia Slash stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Modal — Egy foszforeszkáló terminál egy elsötétített szerverszobában - az egyetlen fényforrás egy élénkzöld színű
- AgentQL — Északi fény a terminál felett éjszaka
- GitHub — Egy űrparancsnoki panel biolumineszcens vezérlőpontokkal – egy sötét, hangulatos munkaterület, ahol egyetlen zöld fény jelzi az utat.
- Doppler — A trezor lila világítása éjfélkor. A majdnem fekete vászon egyetlen levendulaszínű jelzéssel és egy zöld megerősítő fénnyel világít, minden felülete elég ívelt ahhoz, hogy meg lehessen fogni.
- Basedash — Egy matt betűtípusú, éjféli adatterminál. Sötét obszervatórium, ahol a mérőszámok lilásan és zölden világítanak, a zaj felett talpas címsorok lebegnek, és a fehér, pirula alakú gombok az egyetlen fényes tárgyak a puha, fekete felületekkel teli szobában.
- Superwhisper — Az északi fény feloldódik az éjféli üveg felett
- Better Stack — Éjféli SRE konzol
- Langbase — Éjféli északi fény konzol
- Astro — Mélyűri irányítóközpont egyetlen lila fényével egy ködből
- Wayfinder — Egy fekete filmvászon, alig hallható címmel lebegve egy élő illusztráció felett. A kezelőfelület inkább egy fényerő-csúszka, mint egy vezérlőpult.
- HashiCorp — Az éjféli, lila neonfényekkel díszített irányítóterem egy sötét technikai felület, ahol egy világító hatszögletű kocka szolgál az egyetlen színreferenciaként.
- Umbrel — Egy hangulatos tűzrakóhely az éjszakai szerverszobában – egy sötét szobában, ahol egyetlen barackszínű fény világítja meg azt, ami igazán fontos.