Superlist
Фазои кории шабона бо ангиштсангҳои марҷонӣ — сатҳи ороми барномавии бодинҷон, ки дар он як шарораи гарми норанҷӣ ҳар як амалро нишон медиҳад
Superlist забони ҳосилнокиро дар оҳангҳои арғувонии нисфи шаб истифода мебарад: бодинҷони тира, марҷони гарм ҳамчун ягона ранги асосӣ ва сарлавҳаҳои калони санс-сериф, ки тамоми фазоро фаро мегиранд. Интерфейс эҳсоси кори шабонаро ба вуҷуд меорад - ором, қабат-қабат ва боэътимод, ки ранг танҳо ҳамчун аломатҳои пунктуатсионӣ дар даъватҳо ба амал, ҳолатҳои фаъол ва нуқтаҳои калидӣ истифода мешавад. Сатҳҳо бо оҳангҳои нозуки торик бо ранги арғувонӣ (#181824 → #26253b) қабат-қабат карда шудаанд ва аз сиёҳии холис худдорӣ мекунанд, то боварӣ ҳосил кунанд, ки умқ гарм аст, на стерилизатсия. Компонентҳо дорои шаклҳои мудаввари фаровон (кортҳои 20px, тугмаҳои ҳаб), сояҳои нарм ва "нафаскашӣ" тавассути фосилаҳои бароҳати 10-16px ба ҷои шабакаҳои танг мебошанд. Овози сарлавҳа ҳама чиз аст: вазни 600-нуқтаӣ дар 70-88px бо фосилаи танг дар ҳарфҳои -0.02em матнро ҳамчун типографӣ ба ҷои UI баррасӣ мекунад - он ба нусхаи таҳрирӣ нисбат ба SaaS наздиктар аст.
Қисмҳои торик тамоми паҳнои саҳифаро фаро мегиранд, ки дар марказ ҷойгир шудаанд ва контейнерҳои мундариҷаи паҳнои максималӣ доранд. Қисмати асосӣ амудӣ марказӣ буда, дорои сарлавҳа, зерматн ва даъват ба амал (CTA) мебошад, ки пас аз он скриншоти калони маҳсулот бо қисмати оянда такрор мешавад. Қисмҳои баъдӣ байни блокҳои матнии марказӣ ва шабакаҳои кортӣ иваз мешаванд. Қисмҳои баррасиҳо аз шабакаи сесутунӣ бо кортҳои барраси ва 16 новча истифода мебаранд. Навигатсия як сатри болоӣ бо логотип дар тарафи чап, истинодҳои марказӣ ва амалҳои воридшавӣ дар тарафи рост аст - ягон панели паҳлӯии собит ё мега-меню вуҷуд надорад. Ночаҳо байни бахшҳо саховатманданд (16 новча), ки ритми васеъ ва таҳририро ба ҷои шабакаи зичи маҳсулот эҷод мекунанд.
Фазои визуалӣ аз скриншотҳои маҳсулот бартарӣ дорад - чаҳорчӯбаи калон бо кунҷҳои мудаввар, ки интерфейси воқеии барномаро нишон медиҳад, қисмҳои асосӣ ва дуюмдараҷаро пур мекунад. Аксҳо ҳадди ақалл буда, танҳо ҳамчун аватарҳои корбар ё пешнамоиши медиаи дохили барнома истифода мешаванд (масалан, тасвири консерт дар панели рости макети маҳсулот). Логотипҳо дар сатри эътимод рамзҳои матнии сафеди ҳамвор ва хомӯш мебошанд. Дар он ҷо ягон тасвири ороишӣ, ягон графикаи абстрактӣ ва ягон рендери сеченака мавҷуд нест. Стратегияи визуалӣ ин аст, ки маҳсулот дар миқёс нишон дода шавад, ба типография имкон дода шавад, ки кори эҳсосиро анҷом диҳад ва марҷон ҳамчун ягона ранги таъкид истифода шавад.
Палитра
Бренд
- Coral Ember
#ff4a36— Ранги норанҷӣ ҳамчун лаҳҷаи дуюмдараҷа барои тафсилоти ороишӣ ва таъкид кардани ишораҳои камёб истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.
Бетараф
- Aubergine Canvas
#181824— Заминаи саҳифа, ки матои асосӣ аст, як ранги гарм ва торик аст, ки сиёҳи холисро иваз мекунад ва интерфейси корбарро ба ҷои ҳамвор, қабатӣ менамояд. - Elevated Plum
#26253b— Сатҳҳои корт, майдонҳои вуруд, контейнерҳои навигатсия - як қадам осонтар аз холст барои эҷоди умқ бидуни сарҳади намоён. - Pure White
#ffffff— Сарлавҳаҳои асосӣ, матни тугмаҳо ва контурҳои нишонаҳо — контрасти ҳадди аксар дар матои торик. - Fog Text
#696f81— Матни асосӣ, сарлавҳаҳои дуюмдараҷа ва ҳошияҳои хомӯш — таносуби контрасти 7:1 барои хониши бароҳат дар заминаи ранги бодинҷон. - Ash Text
#8e8da0— Ранги бетараф барои унсурҳои дуюмдараҷаи UI, тақсимкунандагон ва тамғакоғазҳои хомӯшшуда дастгирӣ карда мешавад. Он набояд ҳамчун ранги асосӣ барои даъватҳо ба амал истифода шавад. - Mist Highlight
#a3a3a7— Марзҳои нозук, тақсимкунандагон ва унсурҳои ғайрифаъоли навигатсия оҳанги нозуки бетарафиро эҷод мекунанд, ки то ҳол дар паҳлӯи холст фарқ мекунад.
Типография
аз 12 то 88 пиксел · 9 қадам
- sans-serif — ивазкунӣ: Inter · контурҳо 400 · sans-serif - дар маълумоти истихроҷшуда ёфт мешавад, аммо аз ҷониби зеҳни сунъӣ тавсиф нашудааст.
- Haffer XH SemiBold — ивазкунӣ: Inter Tight · контурҳо 400, 600 · Шрифти асосӣ барои намоиш ва сарлавҳаҳо. Он бо андозаи 70–88 пиксел барои сарлавҳаҳои қаҳрамон бо фосилаи ҳарфҳо -0.02em ва вазни 600 истифода мешавад. Фосилаи танг ва баландии калони ҳарфҳо ба сарлавҳаҳо вазни таҳрирӣ медиҳанд, ки интерфейси торикро бештар ба муқоваи маҷалла монанд мекунад, на ба панели идоракунӣ. Бо Inter Tight ё General Sans бо вазни ғафс иваз кунед.
- Jersey 10 — ивазкунӣ: Anybody · контурҳо 400 · Шрифти калон ва ороишӣ барои рақамҳои таъкид ва равшанӣ. Дар андозаҳои хеле калон барои эҷоди таъкидҳои типографӣ кам истифода мешавад. Онро бо Anybody ё Cabinet Grotesk иваз кардан мумкин аст.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 10-16px |
| Радиуси тугма | 100px |
| Радиуси корт | 20px |
| Сояҳо | сояҳои нарм |
| Байни бахшҳо | 80px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Superlist месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- DNA — Расадхонаи нисфишабӣ, ки тавассути линзаи зарраҳо дида мешавад
- Abetterlou — Шарораҳо дар чарми зин - шрифти гарми қаймоқранг, ки дар заминаи сиёҳи қаҳваи тира медурахшад ва тугмаҳои тиллоии қаҳварангро ба назар мегирад, ки ба мисли металли гарм ба саҳифа пахш карда мешаванд.
- Galileo-ft — Палубаи фармондеҳии фазои амиқ бо сигналҳои кабуди барқӣ
- Decide AI — Расадхона дар нисфи шаб - сигнали наъно
- Redis Agency — Коргоҳи таҳририя, ки пас аз соатҳои корӣ кушода аст, макони комилан сиёҳест, ки дар он тамоми корҳои брендинг бо истифода аз ҳуруфҳои serif ва як шалғамчаи сурх анҷом дода мешаванд.
- Spellbook — Толори додгоҳи нисфи шаб, ки бо ранги марҷонӣ равшан карда шудааст — сатҳи торики таҳририя, ки дар он ягона садо зарбаи гарми қалами норинҷӣ аст
- Linear — асбоби дақиқи нисфи шаб
- Origin Financial — Галереяи нисфи шаб аз шукӯҳу шаҳомати ором. Як утоқи ором ва қариб торик, ки дар он шрифтҳои калони сериф ва чанд панелҳои рангаи равшан эҳсосеро ба вуҷуд меоранд, ки гӯё молия як асари санъати бодиққат интихобшуда аст.
- Hyperstudio — Тарҳ ба шакли обсидиан харошида шудааст. Матн ва хатҳои борик фазои сафеди сиёҳи холисро дар бар мегиранд ва гоҳ-гоҳ аломатҳои тиллоии қутбнамо роҳро нишон медиҳанд.
- Air — ҳайкалчаи "Осмони нисфишаб аз шиша"
- Raycast — Маркази фармондеҳии нисфи шаб, Корал Неон
- dope.security — Терминали нисфишабӣ бо маякҳои арғувонӣ