Slash
Yarim tunda zarhal daftarchalar bilan qoplangan ombor
Slash yarim tunda galereya rejimida ishlaydi: deyarli qora kanvas, oq shrift va tinish belgilari sifatida xizmat qiluvchi bitta iliq mis aksent. Sarlavhalar Ivy Presto, yuqori kontrastli didone serifida ko'rsatiladi, bu o'ta o'lchamlarda (88 pikselgacha) ishlatiladigan - serif va sans-serif shriftlarining bu to'qnashuvi tizimning o'ziga xos xususiyati bo'lib, unga an'anaviy bank xizmatlarining vositachilik og'irligisiz moliyaviy og'irlik beradi. Foydalanuvchi interfeysining qolgan qismi ataylab kam ko'rsatilgan: yupqa chegaralar, tabletka shaklidagi boshqaruv elementlari, ixcham 16 pikselli asosiy matn va shriftning nafas olishiga imkon beradigan nozik yuqoriga siljish. Yagona oltin gradient (diagramma chizig'i, mikro aksentlar) monoxrom tizimga iliqlik qo'shadi va dizayn auditoriyasi uchun yaratilgan Bloomberg terminalining iliq nurini uyg'otadi.
Kontent 1216 piksel kenglikda, markazda joylashgan va 160 piksel vertikal novlarga ega. Bosh ekran qorong'u, to'liq kenglikdagi kanvas bo'lib, bo'lingan kompozitsiyaga ega: chapga tekislangan serif sarlavha (64–88 piksel kenglikda), pastda elektron pochta manzili maydoni va o'ng tomonda 50% kenglikda katta mahsulot foydalanuvchi interfeysi kartasi (boshqaruv paneli skrinshoti). Keyingi bo'limlarda Inter-dagi kichik sarlavhali bitta ustunli, markazlashtirilgan sarlavha (serif, 44–64 piksel kenglikda), undan keyin xususiyatlar tavsifi/tavsiyanomalar/bloglar uchun uch ustunli kartalar panjaralari ishlatiladi. Navigatsiya yuqori satrda o'rnatilgan: chapda logotip, markaziy menyu (Kompaniya, Mahsulotlar, Yechimlar, Mijozlar, Narxlar, FAQ), o'ngga tekislangan login (ko'rinmas) va boshlash (oq rang bilan to'ldirilgan element). Pastki qismida kompaniya ma'lumotlari va huquqiy bildirishnomalar bilan zich besh ustunli havolalar panjarasi mavjud. Sahifa kontentga boy panjara bo'limlari va to'liq ekranli statistika o'rtasida almashinib turadi — ritm fon ranglarining almashinishi bilan emas, balki ustunlar orasidagi keng oq bo'shliq bilan belgilanadi (butun sahifa bitta, birlashtirilgan kanvas sifatida taqdim etiladi).
Fotosurat tahririy va tabiiydir: asoschilar va jamoa a'zolarining real hayotdagi ish muhitida (ofislar, yashash xonalari, qurilish maydonchalari) iliq portretlari. Tasvirlar karta ramkalarini chekkadan chekkaga to'ldiradi, hech qanday to'ldirgichsiz. Matnni o'qishni osonlashtirish uchun guvohlik kartalarining pastki qismida qorong'u gradient qo'llaniladi. "LinkedIn tahririyat jurnali bilan uchrashadi" estetikasi oddiy, insoniy va biroz xira, hech qachon stok fotosuratlari bilan sayqallanmagan. Maqola eskizlari fotosuratlarni tasvirlangan tushunchalar bilan birlashtiradi (labirintda turgan odam, pul sumkalari bilan kamin). Mahsulotning foydalanuvchi interfeysi qorong'u rejimda to'liq shaffoflik bilan ko'rsatiladi, sahifa ustida nozik qorong'u yuzalarda - markaziy elementda suzib yuradi. Belgilar #2e3038 yoki #777a88 da 1 pikselli chiziqlar bilan monoxromdir, hech qachon brend rangi bilan to'ldirilmagan.
Palitra
Neytral
- Bone
#e2e3e9— Asosiy matn uchun katta shrift o'lchami, batafsil ma'lumotlar yorliqlari va ko'pgina UI elementlari bo'ylab standart matn ohangi. - Obsidian
#08080a— Sahifa tuvali, pastki fon, eng qorong'i sirt deyarli qora bo'lib, nozik ko'k tusga ega. - Onyx
#040406— Kartaning yuzasi, qo'shimcha fon, vizual effekt uchun sahifadan bir qadam chuqurroqdir. - Carbon
#121317— Ko'tarilgan panellar, ko'zga tashlanmaydigan UI to'ldirilishi - Surface Stack evolyutsiyasidagi birinchi sezilarli darajada yengil qadam - Graphite
#1c1d22— Chegaralar, ajratgichlar, piktogramma konteynerlari, boshqaruv slayderlari — strukturani belgilaydigan eng nozik rang soyasi. - Slate
#2e3038— Qo'shimcha chegaralar, o'chirilgan belgi chiziqlari, kontent bloklari orasidagi nozik ajratgichlar.
Tipografiya
13 dan 88 pikselgacha · 9 qadam
- Ivy Presto — almashtirish: Playfair Display · konturlar 400, 500 · Sarlavhalar va kichik sarlavhalar uchun serif shrift — faqat 28 piksel va undan yuqori o'lchamdagi sarlavhalar va bo'lim sarlavhalari uchun ishlatiladi. Yupqa seriflar bilan yuqori kontrastli didone chiziqlari tahririyat hashamati hissini yaratadi; 0.01em kichik ijobiy harflar oralig'i g'ayrioddiy va shriftga bosma, buxgalteriya ko'rinishini beradi. Ushbu serif shrift brendning asosiy tashrif qog'ozidir — u Slashni geometrik sans-serif shriftlaridan foydalanadigan boshqa barcha SaaS fintech kompaniyalaridan ajratib turadi.
- Inter — almashtirish: Inter (self-hosted via Google Fonts) · konturlar 300, 400, 500, 600, 700 · UI Sans — asosiy matn, navigatsiya, tugmalar, yorliqlar, havolalar, forma maydonlari va kichik sarlavhalar. Asosiy matnda ko'zga tashlanmaydigan ikkinchi darajali matn uchun 300 shrift ishlatiladi; 500 o'rtacha urg'u berilgan matn va tugma yorliqlari uchun ishlatiladi; 600 kichik harflar bilan yozilgan kategoriya yorliqlari uchun ajratilgan. Manfiy harflar oralig'i 2 (-3) dan kamayadi va o'lcham kichraygan sari kamayadi, bu Inter shriftining optik masshtablashiga xosdir.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 8px |
| Tugma radiusi | 9999px |
| Karta radiusi | 10px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 160px |
| Sahifa kengligi | 1216px |
Sun'iy intellekt veb-saytingizni Slash uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Modal — Qorong'i server xonasidagi fosforli terminal - yagona yorug'lik manbai yorqin yashil rang
- AgentQL — Kechasi terminal ustidagi shimoliy chiroqlar
- GitHub — Biolyuminestsent boshqaruv nuqtalariga ega kosmik boshqaruv paneli — qorong'u, atmosferali ish maydoni, bu yerda bitta yashil nur oldinga yo'lni ko'rsatadi.
- Doppler — Yarim tunda gumbazning binafsha rang yoritgichi. Deyarli qora tuval bitta lavanta signali va yashil tasdiq chiroqi bilan porlaydi, har bir sirt ushlash uchun etarlicha egri.
- Basedash — Mat shriftli yarim tunda ma'lumotlar terminali. Metriklar binafsha va yashil rangda porlaydigan, serif sarlavhalari shovqin ustida suzib yuradigan va oq tabletka shaklidagi tugmalar yumshoq qora yuzalar xonasidagi yagona yorqin obyektlar bo'lgan qorong'u rasadxona.
- Superwhisper — Shimoliy chiroqlar yarim tunda porlaydi
- Better Stack — Yarim tunda SRE konsoli
- Langbase — Yarim tungi Shimoliy chiroqlar konsoli
- Astro — Tumanlikdan bitta binafsha nur bilan chuqur kosmik missiyani boshqarish
- Wayfinder — Jonli illyustratsiya ustida zo'rg'a eshitiladigan sarlavhali qora kino ekrani. Interfeys boshqaruv paneli emas, balki yorqinlik slayderi sifatida ishlaydi.
- HashiCorp — Yarim tunda binafsha neon bilan jihozlangan boshqaruv xonasi qorong'u texnik sirt bo'lib, u yerda olti burchakli kub yagona rang namunasi bo'lib xizmat qiladi.
- Umbrel — Tungi server xonasida shinam kamin — qorong'u xonada bitta shaftoli rangidagi yorug'lik chindan ham muhim narsani ta'kidlaydi.