Slash
Pusnakts velve ar apzeltītiem grāmatvedības žurnāliem
Slīpsvītra darbojas pusnakts galerijas režīmā: gandrīz melns audekls, balts burts un viens silts vara akcents, kas kalpo kā pieturzīme. Virsraksti tiek attēloti Ivy Presto fontā — augsta kontrasta didone serif fontā, ko izmanto ekstremālos izmēros (līdz 88 pikseļiem) — šī serif un sans-serif fontu sadursme ir sistēmas paraksts, piešķirot tai finansiālu svaru bez tradicionālās banku darbības brokeru svara. Pārējā lietotāja saskarne ir apzināti neuzkrītoša: plānas apmales, tabletes formas vadības ierīces, kompakts 16 pikseļu pamatteksts un neliels augšupvērsts slīpums, lai ļautu burtam “elpot”. Viens zelta gradients (diagrammas līnija, mikroakcenti) piešķir siltumu melnbaltajai sistēmai, radot Bloomberg termināļa silto mirdzumu, kas izveidots dizaina auditorijai.
Satura platums ir 1216 pikseļi, tas ir centrēts, ar 160 pikseļu vertikālām iecirtuma joslām. Sākuma ekrāns ir tumšs, pilna platuma audekls ar sadalītu kompozīciju: pa kreisi izlīdzināts serif galvene (64–88 pikseļi plata) ar e-pasta adreses lauku zem tā un liela produkta lietotāja interfeisa karte (informācijas paneļa ekrānuzņēmums) labajā pusē 50% platumā. Turpmākajās sadaļās tiek izmantota vienas kolonnas, centrēta galvene (ar serif, 44–64 pikseļi plata) ar apakšvirsrakstu Inter valodā, kam seko trīs kolonnu režģis ar kartītēm funkciju aprakstiem/atsauksmēm/emuāriem. Navigācija ir fiksēta augšējā josla: logotips kreisajā pusē, centrālā izvēlne (Uzņēmums, Produkti, Risinājumi, Klienti, Cenrādis, BUJ), pa labi izlīdzināts pieteikšanās logs (neuzkrītošs) un darba sākšana (baltā krāsā aizpildīts elements). Kājenē ir blīvs piecu kolonnu režģis ar saitēm ar uzņēmuma informāciju un juridiskiem paziņojumiem. Lapā mainās saturam bagātas režģa sadaļas un pilnekrāna statistika — ritmu nosaka dāsnā baltā telpa starp kolonnām, nevis mainīgās fona krāsas (visa lapa tiek attēlota kā viens, vienots audekls).
Fotogrāfijas ir redakcionālas un naturālistiskas: silti dibinātāju un komandas locekļu portreti viņu reālajā darba vidē (birojos, dzīvojamās istabās, būvlaukumos). Attēli aizpilda karšu rāmjus no malas līdz malai, bez atkāpēm. Atsauksmju karšu apakšdaļā tiek izmantots tumšs gradients, lai uzlabotu teksta lasāmību. Estētika — "LinkedIn satiek redakcionālo žurnālu" — ir ikdienišķa, cilvēciska un nedaudz klusināta, nekad nav pulēta ar attēlu krājuma fotogrāfijām. Rakstu sīktēli apvieno fotogrāfijas ar ilustrētām koncepcijām (cilvēks, kas stāv labirintā, kamīns ar naudas maisiem). Produkta lietotāja interfeiss tiek parādīts tumšā režīmā ar pilnīgu necaurredzamību, atrodoties virs lapas uz smalkām tumšām virsmām — centrālais elements. Ikonas ir vienkrāsainas ar 1px līnijas #2e3038 vai #777a88, nekad nav aizpildītas ar zīmola krāsu.
Palete
Neitrāls
- Bone
#e2e3e9— Liels fonta izmērs galvenajam tekstam, detalizētas datu etiķetes un standarta teksta tonis lielākajā daļā lietotāja interfeisa elementu. - Obsidian
#08080a— Lapas audekls, kājenes fons, tumšākā virsma ir gandrīz melna ar vieglu zilu nokrāsu. - Onyx
#040406— Kartes virsma, papildu fons, vizuālam efektam ir par vienu pakāpi dziļāka nekā lapa. - Carbon
#121317— Pacelti paneļi, neuzkrītošs lietotāja interfeisa aizpildījums — pirmais ievērojami vieglākais solis Surface Stack evolūcijā. - Graphite
#1c1d22— Robežas, atdalītāji, ikonu konteineri, vadības slīdņi — visniecīgākais krāsu tonis, kas nosaka struktūru. - Slate
#2e3038— Papildu apmales, klusinātas ikonu līnijas, smalki atdalītāji starp satura blokiem.
Tipogrāfija
no 13 līdz 88 pikseļiem · 9 soļi
- Ivy Presto — nomaiņa: Playfair Display · kontūras 400, 500 · Serif fonts virsrakstiem un apakšvirsrakstiem — tiek izmantots tikai virsrakstiem un sadaļu nosaukumiem ar izmēru 28 pikseļi un vairāk. Augsta kontrasta didone līnijas ar plānām serifām rada redakcionālas greznības sajūtu; mazā pozitīvā burtu atstarpe 0,01 em ir neparasta un piešķir fontam drukātu, grāmatvedībai līdzīgu izskatu. Šis serif fonts ir zīmola galvenā vizītkarte — tas atšķir Slash no visiem citiem SaaS finanšu tehnoloģiju uzņēmumiem, kas pēc noklusējuma izmanto ģeometriskus sans-serif fontus.
- Inter — nomaiņa: Inter (self-hosted via Google Fonts) · kontūras 300, 400, 500, 600, 700 · UI Sans — galvenais teksts, navigācija, pogas, etiķetes, saites, veidlapu lauki un apakšvirsraksti. Galvenajam tekstam tiek izmantots 300 fonts neuzkrītošam sekundārajam tekstam; 500 tiek izmantots vidēja uzsvara tekstam un pogu etiķetēm; 600 ir rezervēts kategoriju etiķetēm, kas rakstītas ar mazajiem burtiem. Negatīvā burtu atstarpe samazinās no 2 (-3) un samazinās, samazinoties izmēram, kas ir raksturīgi Inter fonta optiskajai mērogošanai.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 8px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 10px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 160px |
| Lapas platums | 1216px |
Mākslīgais intelekts izveidos jūsu vietni Slash stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Modal — Fosforescējošs terminālis aptumšotā serveru telpā — vienīgais gaismas avots ir spilgti zaļa krāsa
- AgentQL — Ziemeļblāzma virs termināļa naktī
- GitHub — Kosmosa komandu panelis ar bioluminiscējošiem vadības punktiem — tumša, atmosfēriska darba vieta, kur viena zaļa gaisma norāda ceļu uz priekšu.
- Doppler — Velves violetais apgaismojums pusnaktī. Gandrīz melnais audekls mirdz ar vienu lavandas signālu un zaļu apstiprinājuma gaismu, katra virsma pietiekami izliekta, lai to varētu satvert.
- Basedash — Pusnakts datu terminālis ar matētu fontu. Tumša observatorija, kur metrikas mirdz violetā un zaļā krāsā, virs trokšņa peld serifiski virsraksti, un baltas tabletes formas pogas ir vienīgie spilgtie objekti telpā ar mīkstām, melnām virsmām.
- Superwhisper — Ziemeļblāzma izkūst virs pusnakts stikla
- Better Stack — Pusnakts SRE konsole
- Langbase — Pusnakts ziemeļblāzmas konsole
- Astro — Dziļā kosmosa misijas vadības centrs ar vienu violetu mirdzumu no miglāja
- Wayfinder — Melns filmas ekrāns ar tikko dzirdamu nosaukumu, kas lidinās virs dzīvas ilustrācijas. Saskarne ir spilgtuma slīdnis, nevis vadības panelis.
- HashiCorp — Vadības telpa pusnaktī ar violetu neonu ir tumša tehniska virsma, kur mirdzošs sešstūra kubs kalpo kā vienīgā krāsu atsauce.
- Umbrel — Mājīga ugunskura vieta nakts serveru telpā — tumšā telpā, kur viena persiku krāsas blāzma izceļ to, kas patiesi ir svarīgs.