Slash
Анбори нисфишабӣ бо дафтарҳои тиллоӣ
Slash дар ҳолати галереяи нисфи шаб кор мекунад: як матои қариб сиёҳ, шрифти сафед ва як лаҳҷаи гарми мисӣ ҳамчун аломатҳои пунктуатсионӣ хизмат мекунад. Сарлавҳаҳо дар Ivy Presto, як дидони сериф бо контрасти баланд, ки дар андозаҳои аз ҳад зиёд (то 88 пиксел) истифода мешавад, нишон дода мешаванд - ин бархӯрди шрифтҳои сериф ва бе-сериф имзои система аст, ки ба он аҳамияти молиявӣ медиҳад, бе аҳамияти брокерӣ дар бонкдории анъанавӣ. Қисми боқимондаи интерфейси корбар қасдан кам нишон дода шудааст: канорҳои борик, идоракунии шакли ҳаб, матни асосии фишурда бо андозаи 16 пиксел ва болоравии нозук барои имкон додани нафаскашии шрифт. Як градиенти тиллоӣ (хати диаграмма, микролаҳҷаҳо) ба системаи монохромӣ гармӣ зам мекунад ва дурахши гарми терминали Bloomberg-ро, ки барои аудиторияи тарроҳӣ сохта шудааст, ба вуҷуд меорад.
Мундариҷа 1216 пиксел паҳноӣ, марказӣ ва бо ҷӯйборҳои амудии 160 пиксел мебошад. Экрани асосӣ як матои торик ва паҳнои пурра бо таркиби тақсимшуда мебошад: сарлавҳаи serif-и ба чап ростшуда (паҳнои 64–88 пиксел) бо майдони суроғаи почтаи электронӣ дар зер ва корти калони UI-и маҳсулот (скриншоти панели идоракунӣ) дар тарафи рост бо паҳнои 50%. Қисмҳои минбаъда сарлавҳаи яксутунӣ ва марказӣ (serif, паҳнои 44–64 пиксел)-ро бо зерсарлавҳа дар Inter истифода мебаранд, ки пас аз он шабакаҳои сесутунии кортҳо барои тавсифи хусусиятҳо/шаҳодатномаҳо/блогҳо оварда шудаанд. Навигатсия як сатри болоии собит аст: логотип дар тарафи чап, менюи марказӣ (Ширкат, Маҳсулот, Ҳалли масъалаҳо, Мизоҷон, Нархгузорӣ, Саволҳои зуд-зуд додашаванда), вуруди ба рост ростшуда (ноаён) ва оғоз (унсури пур аз сафед). Поён дорои шабакаи зичи панҷсутунии пайвандҳо бо маълумоти ширкат ва огоҳиҳои ҳуқуқӣ мебошад. Саҳифа байни бахшҳои шабакаи пур аз мундариҷа ва омори пурраи экран иваз мешавад - ритм аз ҷониби фосилаи сафеди фаровон байни сутунҳо муқаррар карда мешавад, на аз рӯи рангҳои пасзаминаи ивазшаванда (тамоми саҳифа ҳамчун як пораи ягона ва муттаҳидшуда пешниҳод карда мешавад).
Аксбардорӣ аз ҷиҳати таҳрирӣ ва табиӣ аст: портретҳои гарми асосгузорон ва аъзоёни даста дар муҳити кории воқеии онҳо (идораҳо, меҳмонхонаҳо, майдонҳои сохтмонӣ). Тасвирҳо чаҳорчӯбаҳои кортро аз канор то канор, бе ягон пуркунӣ пур мекунанд. Дар поёни кортҳои шаҳодатнома градиенти торик барои беҳтар кардани хондани матн истифода мешавад. Эстетика - "LinkedIn бо маҷаллаи таҳрирӣ вомехӯрад" - тасодуфӣ, инсонӣ ва каме хомӯш аст, ҳеҷ гоҳ бо аксбардории саҳҳомӣ сайқал дода намешавад. Ангораҳои мақола аксҳоро бо мафҳумҳои тасвирӣ (шахсе, ки дар лабиринт истодааст, оташдон бо халтаҳои пул) муттаҳид мекунанд. Интерфейси корбарии маҳсулот дар ҳолати торик бо ношаффофии пурра намоиш дода мешавад ва дар болои саҳифа дар сатҳҳои нозуки торик - унсури марказӣ ҷойгир аст - нишонаҳо монохром бо зарбаҳои 1px дар #2e3038 ё #777a88 мебошанд, ҳеҷ гоҳ бо ранги бренд пур карда намешаванд.
Палитра
Бетараф
- Bone
#e2e3e9— Андозаи калони шрифт барои матни асосӣ, тамғакоғазҳои муфассали маълумот ва оҳанги стандартии матн дар аксари унсурҳои UI. - Obsidian
#08080a— Матоъи саҳифа, заминаи поёни саҳифа, сатҳи ториктарин қариб сиёҳ бо ранги кабуди нозук аст. - Onyx
#040406— Сатҳи корт, заминаи иловагӣ, барои таъсири визуалӣ як қадам амиқтар аз саҳифа аст. - Carbon
#121317— Панелҳои баландшуда, пуркунии беназорати интерфейси корбар - аввалин қадами ба таври назаррас сабуктар дар таҳаввулоти Surface Stack - Graphite
#1c1d22— Марзҳо, тақсимкунандагон, контейнерҳои нишонаҳо, слайдерҳои идоракунӣ - нозуктарин сояи ранг, ки сохторро муайян мекунад. - Slate
#2e3038— Марзҳои иловагӣ, хатҳои нишонаи хомӯшшуда, тақсимкунандагони нозук байни блокҳои мундариҷа.
Типография
аз 13 то 88 пиксел · 9 қадам
- Ivy Presto — ивазкунӣ: Playfair Display · контурҳо 400, 500 · Шрифти serif барои сарлавҳаҳо ва зерсарлавҳаҳо - танҳо барои сарлавҳаҳо ва унвонҳои бахшҳо бо андозаи 28 пиксел ва болотар истифода мешавад. Зарбаҳои дидон бо контрасти баланд бо серифҳои тунук эҳсоси боҳашамати таҳририро ба вуҷуд меоранд; фосилаи хурди ҳарфҳои мусбати 0.01em ғайриоддӣ аст ва ба шрифт намуди чопӣ ва баҳисобгирӣ монанд медиҳад. Ин шрифти serif корти асосии бренд аст - он Slash-ро аз ҳама ширкатҳои дигари финтехи SaaS, ки шрифтҳои геометрии sans-serif-ро истифода мебаранд, фарқ мекунад.
- Inter — ивазкунӣ: Inter (self-hosted via Google Fonts) · контурҳо 300, 400, 500, 600, 700 · UI Sans — матни асосӣ, паймоиш, тугмаҳо, нишонаҳо, истинодҳо, майдонҳои шакл ва зерсарлавҳаҳо. Матни асосӣ барои матни дуюмдараҷаи ноаён аз шрифти 300 истифода мебарад; 500 барои матни бо таъкиди миёна ва нишонаҳои тугмаҳо истифода мешавад; 600 барои нишонаҳои категориявӣ, ки бо ҳарфҳои хурд навишта шудаанд, нигоҳ дошта мешавад. Фосилаи ҳарфҳои манфӣ аз 2 (-3) кам мешавад ва бо кам шудани андоза кам мешавад, ки ин хоси миқёси оптикии шрифти Inter аст.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | фарох |
| Қадами асосӣ | 8px |
| Радиуси тугма | 9999px |
| Радиуси корт | 10px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 160px |
| Паҳнои саҳифа | 1216px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Slash месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Modal — Терминали фосфорӣ дар утоқи торикшудаи сервер - ягона манбаи рӯшноӣ ранги сабзи дурахшон аст
- AgentQL — Чароғҳои шимолӣ дар болои терминал шабона
- GitHub — Панели фармондеҳии фазоӣ бо нуқтаҳои идоракунии биолюминесцентӣ - фазои кории торик ва атмосфера, ки дар он як дурахши сабз роҳи пешрафтро нишон медиҳад.
- Doppler — Равшании арғувонии гунбаз нисфи шаб. Холсти қариб сиёҳ бо як сигнали лаванда ва чароғи тасдиқи сабз медурахшад ва ҳар як сатҳ ба қадри кофӣ каҷ аст, ки онро дарк кардан мумкин аст.
- Basedash — Терминали додаҳои нисфи шаб бо шрифти мат. Расадхонаи торик, ки дар он метрикаҳо арғувонӣ ва сабз медурахшанд, сарлавҳаҳои сериф дар болои садо шино мекунанд ва тугмаҳои сафеди шакли ҳаб ягона ашёи дурахшон дар ҳуҷраи сатҳҳои сиёҳи нарм мебошанд.
- Superwhisper — Нурҳои шимолӣ дар болои шишаи нисфи шаб нопадид мешаванд
- Better Stack — Консоли SRE-и нисфи шаб
- Langbase — Консоли чароғҳои шимолии нисфи шаб
- Astro — Идоракунии миссияи кайҳонии амиқ бо як дурахши арғувонӣ аз туман
- Wayfinder — Экрани сиёҳи филм бо унвони қариб шуниданашаванда, ки дар болои тасвири зинда ҷойгир аст. Интерфейс слайдери равшанӣ аст, на панели идоракунӣ.
- HashiCorp — Утоқи идоракунӣ дар нисфи шаб бо неони арғувонӣ сатҳи техникии торике аст, ки дар он як мукааби шашкунҷаи дурахшон ягона истиноди ранг аст.
- Umbrel — Оташдони бароҳат дар утоқи шабонаи сервер - як ҳуҷраи торик, ки дар он як дурахши шафтолуранг он чизеро, ки воқеан муҳим аст, нишон медиҳад.