Slash
Altyn örtükli depderler bilen gijäniň ýarymyndaky seýf
"Slash" ýary gije galereýa režiminde işleýär: gara reňkli tas mata, ak şrift we punktuasiýa hökmünde hyzmat edýän ýekeje ýyly mis aksent. Başlyklar örän uly ölçeglerde (88 piksele çenli) ulanylýan ýokary kontrastly didon serifi bolan "Ivy Presto"-da görkezilýär — serif we sans-serif şriftleriniň bu çaknyşyklygy ulgamyň esasy alamaty bolup, oňa däp bolan bank işiniň dellalçylyk agramlylygy bolmazdan maliýe agramlylygyny berýär. Ulanyjy interfeýsiniň galan bölegi bilgeşleýin azaldylýar: inçe çäkler, tabletka şekilli dolandyryşlar, ykjam 16 piksellik esasy tekst we şriftiň dem almagy üçin inçe ýokary süýşürme. Ýekeje altyn gradient (diagramma çyzygy, mikroaksentler) monohrom ulgama ýylylyk goşýar we dizaýn auditoriýasy üçin gurlan "Bloomberg" terminalynyň ýyly şöhlesini ýatladýar.
Mazmun 1216 piksel giňlikde, merkezleşdirilen we 160 piksel dik turbalary bilen. Baş sahypa garaňky, doly giňlikde kanwas bolup, bölünen kompozisiýa bilen: aşakda e-poçta salgysy meýdany bolan çep tarapa deňleşdirilen serif başlyk (64–88 piksel giňlikde) we sag tarapda 50% giňlikde uly önüm UI karty (başlyk paneliniň ekran suraty). Indiki bölümlerde Inter-de kiçi başlykly bir sütünli, merkeze deňleşdirilen başlyk (serif, 44–64 piksel giňlikde) ulanylýar, ondan soň aýratynlyklaryň düşündirişleri/şaýatlyklary/bloglary üçin üç sütünli kartlar torlary gelýär. Nawigasiýa ýokarky panelde üýtgeşik: çep tarapda logotip, merkezi menýu (Kompaniýa, Önümler, Çözgütler, Müşderiler, Bahalar, Köplenç soralýan soraglar), sag tarapa deňleşdirilen giriş (görünmeýän) we başlamak (ak doldurylan element). Aşakky bölümde kompaniýanyň maglumatlary we hukuk bildirişleri bolan dykyz bäş sütünli baglanyşyk torlary bar. Sahypa mazmuna baý tor bölümleri we doly ekran statistikalary arasynda çalşyrylýar — ritm fon reňkleriniň çalşyrylmagy bilen däl-de, sütunlaryň arasyndaky giň ak boşluk bilen kesgitlenýär (bütin sahypa ýeke-täk, birleşdirilen kanwas hökmünde görkezilýär).
Suratçylyk redaksiýa we tebigy häsiýete eýedir: esaslandyryjylaryň we toparyň agzalarynyň hakyky iş gurşawlaryndaky (ofisler, ýaşaýyş otaglary, gurluşyk meýdançalary) mähirli portretleri. Suratlar kartoçkanyň çarçuwasyny gyradan gyra doldurýar, hiç hili boşluk ýok. Tekstiň okalyşyny ýokarlandyrmak üçin güwänama kartoçkalarynyň aşagynda garaňky gradient ulanylýar. "LinkedIn redaksiýa žurnaly bilen duşuşýar" estetikasy gündelik, ynsan we biraz ýumşak, hiç haçan stok suratçylyk bilen jylaňlanmaýar. Makalanyň kiçijik suratlary suratlary suratly düşünjeler bilen birleşdirýär (labirintde duran adam, pul haltalary bolan kamin). Önümiň interfeýsi garaňky režimde doly açyklyk bilen görkezilýär, sahypanyň ýokarsynda inçe garaňky ýüzlerde - merkezi elementde aýlanýar. Nyşanlar #2e3038 ýa-da #777a88 ölçegli 1px urgulary bilen monohromdyr, hiç haçan brend reňki bilen doldurylmaýar.
Palitra
Neýtral
- Bone
#e2e3e9— Esasy tekst üçin uly şrift ölçegi, jikme-jik maglumat bellikleri we köp UI elementlerinde standart tekst tony. - Obsidian
#08080a— Sahypanyň kanwasy, aşaky bölümiň fony, iň garaňky ýüzi nazik gök reňk bilen diýen ýaly gara reňkde. - Onyx
#040406— Kartyň ýüzi, goşmaça fon, wizual effekt üçin sahypadan bir ädim çuňrakda ýerleşýär. - Carbon
#121317— Galdyrylan paneller, göze ilmeýän UI doldurylyşy - Surface Stack-iň ösüşiniň ilkinji has ýeňil ädimi - Graphite
#1c1d22— Serhetler, bölüjiler, nyşan konteýnerleri, dolandyryş sürgüçleri — gurluşy kesgitleýän reňkiň iň inçe öwüşgini. - Slate
#2e3038— Goşmaça serhetler, sessiz nyşan setirleri, mazmun bloklarynyň arasyndaky inçe bölüjiler.
Tipografiýa
13-den 88 piksele çenli · 9 ädim
- Ivy Presto — çalyşmak: Playfair Display · konturlar 400, 500 · Sözbaşylar we kiçi sözbaşylar üçin serif şrift — diňe 28 piksel we ondan ýokary ölçegli sözbaşylar we bölümleriň atlary üçin ulanylýar. Inçe serifler bilen ýokary kontrastly didon şekilli ştrihler redaksiýa üçin ajaýyplyk duýgusyny döredýär; 0.01em kiçi oňyn harp aralygy adatdan daşary we şrifte çap edilen, hasapçylyk görnüşini berýär. Bu serif şrift brendiň esasy çakylyk kartydyr — ol Slash-y geometrik sans-serif şriftlerini ulanýan ähli beýleki SaaS fintech kompaniýalaryndan tapawutlandyrýar.
- Inter — çalyşmak: Inter (self-hosted via Google Fonts) · konturlar 300, 400, 500, 600, 700 · UI Sans — esasy tekst, nawigasiýa, düwmeler, ýazgylar, baglanyşyklar, forma meýdanlary we kiçi sözbaşylar. Esasy tekstde göze ilmeýän ikinji tekst üçin 300 şrifti ulanylýar; 500 orta basymly tekst we düwme ýazgylary üçin ulanylýar; 600 kiçi harplar bilen ýazylan kategoriýa ýazgylary üçin saklanýar. Negatiw harp aralygy 2-den (-3) azalýar we ölçeg kiçeldilende azalýar, bu bolsa Inter şriftiniň optiki ölçeklendirmesine mahsusdyr.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 8px |
| Düwme radiusy | 9999px |
| Kart radiusy | 10px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 160px |
| Sahypanyň giňligi | 1216px |
Süni intellekt web sahypaňyzy Slash stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Modal — Garaňky serwer otagyndaky fosforesens terminal - ýeke-täk ýagtylyk çeşmesi ýagty ýaşyl reňkde
- AgentQL — Gije terminalyň üstünde Demirgazyk çyralary
- GitHub — Biolüminesent dolandyryş nokatlary bolan kosmos dolandyryş paneli — garaňky, atmosferaly iş meýdany, bu ýerde ýekeje ýaşyl şöhle öňe tarap ýol görkezýär.
- Doppler — Ýary gije seýilgähiň gyrmyzy yşyklandyrmasy. Tas gara reňkli polotno ýekeje lawanda signaly we ýaşyl tassyklama çyrasy bilen ýalpyldaýar, her ýüzi tutmak üçin ýeterlik egri.
- Basedash — Mat şriftli ýary gije maglumat terminaly. Metrikileriň gyrmyzy we ýaşyl reňkde ýalpyldaýan, serif sözbaşylary sesiň üstünde ýüzýän we ak tabletka şekilli düwmeler ýumşak gara ýüzli otagdaky ýeke-täk ýagty obýektler bolan garaňky obserwatoriýa.
- Superwhisper — Demirgazyk çyralary gijäniň aýnasynyň üstünde ýitip gidýär
- Better Stack — Ýarym gije SRE konsoly
- Langbase — Ýarym gije Demirgazyk Çyralary konsoly
- Astro — Dumanlykdan çykýan ýekeje gyrmyzy şöhle bilen çuňňur kosmos missiýasynyň gözegçiligi
- Wayfinder — Janly suratyň üstünde sesi eşidilmeýän ady bolan gara film ekrany. Interfeýs dolandyryş paneli däl-de, ýagtylyk slaýderidir.
- HashiCorp — Ýary gije gyrmyzy neonly dolandyryş otagy garaňky tehniki ýüz bolup, ol ýerde ýalpyldawuk altyburçluk kub ýeke-täk reňk görkezijisi bolup hyzmat edýär.
- Umbrel — Gijeki serwer otagynda rahat ojak — garaňky otagda ýekeje şeftali reňkli ýalpyldawuk hakykatdanam möhüm zatlary görkezýär.