Slash
Алтын жалатылган китептери бар түнкү сейф
Slash түн ортосу галерея режиминде иштейт: дээрлик кара полотно, ак шрифт жана тыныш белгилери катары кызмат кылган бир жылуу жез акцент. Башкы саптар өтө чоң өлчөмдөрдө (88 пикселге чейин) колдонулган жогорку контрасттуу дидоне серифи Ivy Prestoдо көрсөтүлөт — сериф жана санс-сериф шрифттеринин бул кагылышуусу системанын өзгөчөлүгү болуп саналат, ага салттуу банк ишинин брокердик оорчулуктары жок финансылык оорчулук берет. Колдонуучу интерфейсинин калган бөлүгү атайылап басаңдатылган: ичке чек аралар, таблетка сымал башкаруу элементтери, компакттуу 16 пикселдик негизги текст жана шрифттин дем алышына мүмкүндүк берүүчү бир аз жогору көтөрүлүү. Бир алтын градиент (диаграмма сызыгы, микроакценттер) монохромдук системага жылуулук кошуп, дизайн аудиториясы үчүн курулган Bloomberg терминалынын жылуу жарыгын эске салат.
Мазмун 1216 пиксель туурасында, борборлоштурулган жана 160 пиксель вертикалдуу науалары бар. Башкы экран караңгы, толук туурасындагы полотнодон турат, анда бөлүнгөн композиция бар: солго тегизделген серифтик баштык (туурасы 64–88 пиксель), төмөндө электрондук почта дареги талаасы жана оң жагында 50% туурасында чоң продуктунун UI картасы (башкаруу панелинин скриншоту). Кийинки бөлүмдөрдө бир тилкелүү, борборлоштурулган баштык (серифтик, туурасы 44–64 пиксель) Inter тилиндеги суб-аталышы менен колдонулат, андан кийин функциялардын сүрөттөмөлөрү/пикирлери/блогдору үчүн үч тилкелүү карталар торчолору бар. Навигация - бул бекитилген үстүнкү тилке: сол жагында логотип, борбордук меню (Компания, Продукттар, Чечимдер, Кардарлар, Баалар, Көп берилүүчү суроолор), оңго тегизделген кирүү (көзгө көрүнбөгөн) жана баштоо (ак түстөгү элемент). Төмөнкү колонтитулда компаниянын маалыматы жана юридикалык эскертүүлөрү бар тыгыз беш тилкелүү шилтемелер торчосу бар. Барак мазмунга бай торчо бөлүмдөрү жана толук экрандуу статистиканын ортосунда кезектешип турат — ритм фондун түстөрүнүн алмашуусу менен эмес, мамычалардын ортосундагы кең ак боштук менен белгиленет (бүтүндөй барак бирдиктүү, бириктирилген полотно катары көрсөтүлөт).
Сүрөт редакциялык жана натуралисттик мүнөзгө ээ: негиздөөчүлөрдүн жана команда мүчөлөрүнүн чыныгы жашоодогу жумуш чөйрөсүндөгү (кеңселер, конок бөлмөлөр, курулуш аянтчалары) жылуу портреттери. Сүрөттөр картанын рамкаларын четинен четине чейин толтурат, эч кандай кошумчалар жок. Тексттин окулушун жакшыртуу үчүн күбөлүк карталарынын түбүндө караңгы градиент колдонулат. Эстетика — "LinkedIn редакциялык журнал менен жолугушат" — күнүмдүк, адамдык жана бир аз басаңдатылган, эч качан фонддук сүрөттөр менен жылмаланбаган. Макаланын миниатюралары сүрөттөрдү иллюстрацияланган түшүнүктөр менен айкалыштырат (лабиринтте турган адам, акча салынган баштыктар менен камин). Продукциянын интерфейси караңгы режимде толук тунук эмес, барактын үстүндөгү назик караңгы беттерде — борбордук элементте — калкып турат. Сүрөтчөлөр монохромдуу, #2e3038 же #777a88 өлчөмүндөгү 1 пикселдик сызыктар менен, эч качан бренд түсү менен толтурулбайт.
Түстөр палитрасы
Нейтралдуу
- Bone
#e2e3e9— Негизги текст үчүн чоң шрифт өлчөмү, деталдуу маалымат энбелгилери жана көпчүлүк UI элементтеринде стандарттуу тексттик обон. - Obsidian
#08080a— Барактын холстунун, төмөнкү колонтитулдун фонунун, эң караңгы бети дээрлик кара түстө жана бир аз көк түстө. - Onyx
#040406— Открытканын бети, кошумча фон, визуалдык эффект үчүн барактан бир кадам тереңирээк. - Carbon
#121317— Көтөрүлгөн панелдер, көзгө көрүнбөгөн UI толтуруусу - Surface Stack эволюциясындагы биринчи байкаларлык жеңил кадам - Graphite
#1c1d22— Чек аралар, бөлгүчтөр, сөлөкөт контейнерлери, башкаруу жылдыргычтары — түзүлүштү аныктоочу түстүн эң назик өңү. - Slate
#2e3038— Кошумча чек аралар, үнсүз сүрөтчө сызыктары, мазмун блокторунун ортосундагы тымызын бөлгүчтөр.
Типография
13төн 88 пикселге чейин · 9 кадам
- Ivy Presto — алмаштыруу: Playfair Display · контурлар 400, 500 · Аталыштар жана кошумча аталыштар үчүн serif шрифти — 28 пиксель жана андан жогору өлчөмдөгү аталыштар жана бөлүм аталыштары үчүн гана колдонулат. Жука serif шрифттери бар жогорку контрасттуу дидоне штрихтери редакциялык люкс сезимин жаратат; 0.01em кичинекей оң тамга аралыгы адаттан тыш жана шрифтке басылган, бухгалтердик эсеп сыяктуу көрүнүш берет. Бул serif шрифти бренддин негизги визиттик картасы болуп саналат — ал Slashти геометриялык sans-serif шрифттерин колдонгон башка бардык SaaS финтех компанияларынан айырмалап турат.
- 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 шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Modal — Караңгы сервер бөлмөсүндөгү фосфоресценттүү терминал - жалгыз жарык булагы - ачык жашыл түс
- AgentQL — Түнкүсүн терминалдын үстүндөгү түндүк жаркыроолору
- GitHub — Биолюминесценттик башкаруу чекиттери бар космостук башкаруу панели — бир гана жашыл жаркыроо алдыга жол көрсөтүп турган караңгы, атмосфералык жумуш мейкиндиги.
- Doppler — Түн ортосунда сейфтин кочкул кызыл жарыгы. Дээрлик кара полотно бир гана лаванда түсүндөгү сигнал жана жашыл ырастоо жарыгы менен жаркырап турат, ар бир бети кармоого жетиштүү ийилген.
- Basedash — Түнкүсүн күңүрт шрифт менен жабдылган маалымат терминалы. Метрикалар кызгылт көк жана жашыл түстө жаркырап турган, сериф жазуулары ызы-чуунун үстүндө калкып жүргөн жана ак таблетка сымал баскычтар жумшак кара беттери бар бөлмөдөгү жалгыз жаркыраган объекттер болгон караңгы обсерватория.
- Superwhisper — Түндүк жаркыроолору түнкү айнектин үстүндө эрип кетет
- Better Stack — Түнкүсүн SRE консолу
- Langbase — Түнкү түнкү түндүк жаркыроолору консолу
- Astro — Тумандуулуктан чыккан бир гана кочкул кызыл жаркыроо менен Терең Космос Миссиясын Башкаруу
- Wayfinder — Түз эфирдеги иллюстрациянын үстүндө араң угулган аталышы бар кара кино экран. Интерфейс башкаруу панели эмес, жарыктык жылдыргычы.
- HashiCorp — Түн ортосунда кызгылт көк неон менен капталган башкаруу бөлмөсү караңгы техникалык бет болуп саналат, анда жаркыраган алты бурчтуу куб жалгыз түс катары кызмат кылат.
- Umbrel — Түнкү сервер бөлмөсүндөгү жайлуу очок — бир гана шабдалы түстүү жаркыроо чындап маанилүү нерсени баса белгилеп турган караңгы бөлмө.