Slash
Алтын белән бизәлгән дәфтәрләр белән төнге сейф
Slash төн уртасы галерея режимында эшли: кара төстәге диярлек холст, ак шрифт һәм бер җылы бакыр акцент тыныш билгесе булып хезмәт итә. Башлыклар Ivy Presto'да күрсәтелә, бу югары контрастлы дидоне серифы экстремаль зурлыкларда (88 пиксельгә кадәр) кулланыла - сериф һәм санс-сериф шрифтларының бу бәрелеше системаның үзенчәлеге булып тора, аңа традицион банк операцияләренең брокерлык авырлыкларыннан башка финанс авырлыгы бирә. Кулланучы интерфейсының калган өлеше махсус рәвештә киметелгән: нечкә чикләр, таблетка формасындагы идарә итү элементлары, компакт 16 пиксель текст һәм шрифтның сулыш алуы өчен нечкә күтәрелү. Бер алтын градиент (диаграмма сызыгы, микроакцентлар) монохром системага җылылык өсти, дизайн аудиториясе өчен төзелгән Bloomberg терминалының җылы нурын искә төшерә.
Эчтәлек 1216 пиксель киңлектә, үзәктә урнашкан, 160 пиксель вертикаль суүткәргечләр белән. Баш экран караңгы, тулы киңлектәге полотнодан тора, анда композиция бүленгән: сул якка тигезләнгән serif башлык (64–88 пиксель киңлектә), аста электрон почта адресы кыры, һәм уң якта 50% киңлектә зур продукт UI картасы (инструментлар панеленең скриншоты). Киләсе бүлекләрдә бер баганалы, үзәктә урнашкан башлык (serif, 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 · Башлыклар һәм өстәмә башлыклар өчен сериф шрифты — бары тик 28 пиксель һәм аннан да зуррак зурлыктагы башлыклар һәм бүлек исемнәре өчен генә кулланыла. Нечкә серифлар белән югары контрастлы дидоне штрихлары редакциядә люкс хисе тудыра; 0.01em кечкенә уңай хәреф аралыгы гадәти түгел һәм шрифтка басма, бухгалтериягә охшаган күренеш бирә. Бу сериф шрифты брендның төп визит карточкасы булып тора — ул Slashны геометрик санс-сериф шрифтларын кулланучы башка барлык 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 — Төнге сервер бүлмәсендәге уңайлы учак — караңгы бүлмә, анда бер генә шабдалы төсендәге балкыш чыннан да мөһим нәрсәләрне ассызыклап тора.