Slash
Алтын жалатылған кітапшалары бар түнгі қойма
Slash түн ортасындағы галерея режимінде жұмыс істейді: қара дерлік кенеп, ақ қаріп және тыныс белгілері ретінде қызмет ететін бір жылы мыс екпіні. Тақырыптар Ivy Presto-да көрсетіледі, бұл жоғары контрастты дидоне серифі, экстремалды өлшемдерде (88 пиксельге дейін) қолданылады — сериф және санс-сериф қаріптерінің бұл қақтығысы жүйенің қолтаңбасы болып табылады, оған дәстүрлі банкингтің брокерлік ауырлығынсыз қаржылық ауырлық береді. Пайдаланушы интерфейсінің қалған бөлігі әдейі азайтылған: жұқа жиектер, таблетка тәрізді басқару элементтері, ықшам 16 пиксельдік негізгі мәтін және қаріптің тыныс алуына мүмкіндік беретін нәзік жоғары қарай жылжу. Бір алтын градиент (диаграмма сызығы, микроакценттер) монохромды жүйеге жылулық қосады, дизайн аудиториясы үшін жасалған Bloomberg терминалының жылы жарқылын еске түсіреді.
Мазмұн ені 1216 пиксель, ортасында орналасқан, тік науалары 160 пиксель. Басты экран - қара, толық енді кенеп, құрамы бөлінген: солға тураланған serif тақырыбы (ені 64–88 пиксель), төменде электрондық пошта мекенжайы өрісі және оң жақта ені 50% болатын үлкен өнім пайдаланушы интерфейсі картасы (бақылау тақтасының скриншоты). Келесі бөлімдерде Inter тіліндегі кіші тақырыбы бар бір бағандық, ортаға орналастырылған тақырып (serif, ені 44–64 пиксель), содан кейін мүмкіндік сипаттамалары/пікірлер/блогтар үшін үш бағандық карталар торлары қолданылады. Навигация - бекітілген жоғарғы жолақ: сол жақта логотип, орталық мәзір (Компания, Өнімдер, Шешімдер, Клиенттер, Бағалар, Жиі қойылатын сұрақтар), оңға тураланған кіру (көзге түспейтін) және бастау (ақ толтырылған элемент). Төменгі колонтитулда компания туралы ақпарат пен заңды ескертулер бар сілтемелердің тығыз бес бағандық торы бар. Бет мазмұнға бай тор бөлімдері мен толық экранды статистика арасында кезектесіп отырады — ырғақ фондық түстердің кезектесуімен емес, бағандар арасындағы кең ақ кеңістікпен белгіленеді (бүкіл бет бірыңғай, біріктірілген кенеп ретінде ұсынылған).
Фотосурет редакциялық және натуралистік сипатта: негізін қалаушылар мен команда мүшелерінің нақты өмірдегі жұмыс орталарындағы (кеңселер, қонақ бөлмелер, құрылыс алаңдары) жылы портреттері. Суреттер картаның жақтауын шетінен шетіне дейін толтырады, ешқандай толтырғышсыз. Мәтіннің оқылуын жақсарту үшін куәлік карталарының төменгі жағында қара градиент қолданылады. Эстетика — «LinkedIn редакциялық журналмен кездеседі» — қарапайым, адами және аздап бәсең, ешқашан қордағы фотосуреттермен жылтыратылмаған. Мақаланың миниатюралары фотосуреттерді иллюстрацияланған тұжырымдамалармен (лабиринтте тұрған адам, ақша салынған сөмкелері бар камин) біріктіреді. Өнімнің пайдаланушы интерфейсі қараңғы режимде толық мөлдірлікпен көрсетіледі, беттің үстінде нәзік қараңғы беттерде — орталық элементте қалықтайды. Белгішелер монохромды, #2e3038 немесе #777a88 өлшемдерінде 1 пиксель сызықтары бар, ешқашан бренд түсімен толтырылмаған.
Палитра
Бейтарап
- Bone
#e2e3e9— Негізгі мәтінге арналған үлкен қаріп өлшемі, егжей-тегжейлі деректер белгілері және көптеген пайдаланушы интерфейсі элементтеріндегі стандартты мәтін реңкі. - Obsidian
#08080a— Бет кенебі, төменгі колонтитулдың фоны, ең қараңғы беті қара дерлік және нәзік көк реңкке ие. - Onyx
#040406— Картаның беті, қосымша фон, визуалды әсер үшін беттен бір қадам тереңірек орналасқан. - Carbon
#121317— Көтерілген панельдер, көзге көрінбейтін интерфейс толтыруы - 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 — Түнгі сервер бөлмесіндегі жайлы камин — шабдалы тәрізді бір жарқыл шынымен маңызды нәрсені айқындап көрсететін қараңғы бөлме.