Slash
Kasaforta e mesnatës me libra të praruar
Slash funksionon në një modalitet galerie mesnate: një kanavacë pothuajse e zezë, shkronja të bardha dhe një theks i vetëm i ngrohtë bakri që shërben si pikësim. Titujt shfaqen në Ivy Presto, një serif didone me kontrast të lartë që përdoret në madhësi ekstreme (deri në 88px) - ky përplasje shkronjash serif dhe sans-serif është karakteristika dalluese e sistemit, duke i dhënë atij një rëndësi financiare pa rëndësinë e ndërmjetësimit të bankave tradicionale. Pjesa tjetër e ndërfaqes së përdoruesit është qëllimisht e nënvlerësuar: kufij të hollë, kontrolle në formë pilule, tekst kompakt i trupit 16px dhe një ngritje delikate lart për të lejuar që shkronja të marrë frymë. Një gradient i vetëm ari (vija e grafikut, mikrotheksimet) i shton ngrohtësi sistemit monokrom, duke evokuar shkëlqimin e ngrohtë të një terminali Bloomberg të ndërtuar për një audiencë dizajni.
Përmbajtja është 1216px e gjerë, e përqendruar, me kanale vertikale 160px. Ekrani kryesor është një kanavacë e errët me gjerësi të plotë me një kompozim të ndarë: një kokë serif e vendosur majtas (64–88px e gjerë) me një fushë adrese emaili poshtë, dhe një kartë e madhe e ndërfaqes së përdoruesit të produktit (një pamje e ekranit të panelit) në të djathtë me gjerësi 50%. Seksionet pasuese përdorin një kokë me një kolonë të vetme, të përqendruar (serif, 44–64px e gjerë) me një nëntitull në Inter, e ndjekur nga rrjeta me tre kolona kartash për përshkrime/dëshmi/blogje të veçorive. Navigimi është një shirit i fiksuar në krye: logoja në të majtë, menyja qendrore (Kompania, Produktet, Zgjidhjet, Klientët, Çmimet, Pyetjet e Shpeshta), hyrja e vendosur djathtas (e padukshme) dhe fillimi (elementi i mbushur me të bardhë). Fundi i faqes përmban një rrjetë të dendur me pesë kolona lidhjesh me informacionin e kompanisë dhe njoftimet ligjore. Faqja alternon midis seksioneve të rrjetës së pasur me përmbajtje dhe statistikave në ekran të plotë - ritmi përcaktohet nga hapësira e bardhë bujare midis kolonave në vend të ngjyrave alternative të sfondit (e gjithë faqja paraqitet si një kanavacë e vetme dhe e unifikuar).
Fotografia është editoriale dhe natyraliste: portrete të ngrohta të themeluesve dhe anëtarëve të ekipit në mjediset e tyre të punës në jetën reale (zyra, dhoma ndenjeje, kantiere ndërtimi). Imazhet mbushin kornizat e kartave nga cepi në cep, pa mbushje. Një gradient i errët përdoret në fund të kartave të dëshmive për të përmirësuar lexueshmërinë e tekstit. Estetika - "LinkedIn takon revistën editoriale" - është e rastësishme, njerëzore dhe pak e zbehtë, kurrë e rafinuar me fotografi të gatshme. Miniaturat e artikujve kombinojnë fotografi me koncepte të ilustruara (një person që qëndron në një labirint, një oxhak me çanta me para). Ndërfaqja e përdoruesit e produktit shfaqet në modalitetin e errët me errësirë të plotë, duke qëndruar pezull mbi faqe në sipërfaqe delikate të errëta - një element qendror. Ikonat janë monokrome me vija 1px në #2e3038 ose #777a88, kurrë të mbushura me ngjyrën e markës.
Paletë
Neutral
- Bone
#e2e3e9— Madhësi e madhe e shkronjave për tekstin kryesor, etiketa të detajuara të të dhënave dhe një ton standard teksti në shumicën e elementëve të ndërfaqes së përdoruesit. - Obsidian
#08080a— Kanavaca e faqes, sfondi i fundfaqes, sipërfaqja më e errët është pothuajse e zezë me një nuancë të lehtë blu. - Onyx
#040406— Sipërfaqja e kartolinës, sfondi shtesë, është një hap më e thellë se faqja për efekt vizual. - Carbon
#121317— Panele të ngritura, mbushje e padukshme e ndërfaqes së përdoruesit - hapi i parë dukshëm më i lehtë në evolucionin e Surface Stack. - Graphite
#1c1d22— Kufijtë, ndarësit, kontejnerët e ikonave, rrëshqitësit e kontrollit - nuanca më delikate e ngjyrës që përcakton strukturën. - Slate
#2e3038— Kufij shtesë, vija ikonash të heshtura, ndarës të hollë midis blloqeve të përmbajtjes.
Tipografi
nga 13 në 88px · 9 hapa
- Ivy Presto — zëvendësim: Playfair Display · skica 400, 500 · Një font serif për tituj dhe nëntituj - përdoret ekskluzivisht për tituj dhe tituj seksionesh me madhësi 28px e lart. Vijat didone me kontrast të lartë me shkronja të holla serif krijojnë një ndjesi luksi editorial; hapësira e vogël pozitive e shkronjave prej 0.01em është e pazakontë dhe i jep fontit një pamje të shtypur, si kontabilitet. Ky font serif është karta kryesore e markës - ai e dallon Slash nga të gjitha kompanitë e tjera fintech SaaS që përdorin fontet gjeometrike sans-serif si parazgjedhje.
- Inter — zëvendësim: Inter (self-hosted via Google Fonts) · skica 300, 400, 500, 600, 700 · UI Sans—teksti kryesor, navigimi, butonat, etiketat, lidhjet, fushat e formularëve dhe nëntitujt. Teksti kryesor përdor një font 300 për tekstin dytësor diskret; 500 përdoret për tekstin me theks të mesëm dhe etiketat e butonave; 600 është i rezervuar për etiketat e kategorive të shkruara me shkronja të vogla. Hapësira negative midis shkronjave zvogëlohet nga 2 (-3) dhe zvogëlohet ndërsa madhësia zvogëlohet, gjë që është tipike për shkallëzimin optik të fontit Inter.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 8px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 10px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 160px |
| Gjerësia e faqes | 1216px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Slash dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Modal — Një terminal fosforeshent në një dhomë serverash të errët - burimi i vetëm i dritës është një ngjyrë jeshile e ndritshme
- AgentQL — Dritat Veriore mbi terminal natën
- GitHub — Një panel komande hapësinore me pika kontrolli biolumineshente—një hapësirë pune e errët, atmosferike ku një shkëlqim i vetëm jeshil tregon rrugën përpara.
- Doppler — Ndriçimi vjollcë i kasafortës në mesnatë. Kanavaca pothuajse e zezë shkëlqen me një sinjal të vetëm ngjyrë livandoje dhe një dritë konfirmimi jeshile, çdo sipërfaqe e lakuar mjaftueshëm për t'u kapur.
- Basedash — Një terminal të dhënash në mesnatë me font mat. Një vëzhgues i errët ku metrikat shkëlqejnë me vjollcë dhe jeshile, titujt serifë notojnë mbi zhurmën dhe butonat e bardhë në formë pilule janë të vetmet objekte të ndritshme në një dhomë me sipërfaqe të buta të zeza.
- Superwhisper — Dritat veriore treten mbi xhamin e mesnatës
- Better Stack — Konsola Midnight SRE
- Langbase — Konsola e Dritave Veriore të Mesnatës
- Astro — Kontrolli i Misionit të Hapësirës së Thellë me një shkëlqim të vetëm vjollcë nga një mjegullnajë
- Wayfinder — Një ekran filmi i zi me një titull mezi të dëgjueshëm që qëndron pezull mbi një ilustrim të drejtpërdrejtë. Ndërfaqja është një rrëshqitës ndriçimi në vend të një paneli kontrolli.
- HashiCorp — Dhoma e kontrollit në mesnatë me neon të purpurt është një sipërfaqe teknike e errët ku një kub gjashtëkëndor i shndritshëm shërben si referenca e vetme me ngjyra.
- Umbrel — Një vatër zjarri komode në dhomën e serverave të natës—një dhomë e errët ku një shkëlqim i vetëm ngjyrë pjeshke nxjerr në pah atë që është vërtet e rëndësishme.