Superhuman
ҳайати таҳририяи соати тиллоӣ
Суперинсон дар чорроҳаи аксбардории таҳрирӣ ва интерфейси корбарии нармафзор ҷойгир аст — як матои гарми пергаментмонанд (ҳеҷ гоҳ сафеди холис нест) унсурҳои брендинги арғувонӣ ва лакентҳои арғувонии дурахшонро чаҳорчӯба мекунад. Сарлавҳаҳо, ки бо шрифти 460 ҷойгир шудаанд, ба ҷои доду фарёд пичиррос мезананд ва ба аксбардории синамоии пурраи саҳифа имкон медиҳанд, ки кори вазнинро анҷом диҳанд, дар ҳоле ки кортҳои интерфейси корбарии шаффофи маҳсулот мисли шиша дар болои тасвирҳо шино мекунанд. Палитра аксар вақт ором ва таҳрирӣ боқӣ мемонад: сатҳҳои қаймоқӣ, матни ангиштсанг, сарҳадҳои нозуки гарм-хокистарӣ ва фосилаи фаровон байни унсурҳо, бо ранг барои пунктуасияи қасдании бренд нигоҳ дошта мешаванд — як даъвати яккасаи арғувонӣ ба амал, пайвандҳои арғувонӣ, тугмаи иловагии арғувонии равшан. Система қасдан аз сояҳои қавӣ ва градиентҳо дар сатҳҳои интерфейс канорагирӣ мекунад; Чуқурӣ тавассути аксбардории қабатӣ ва хирашавии нозуки замина дар унвон ба даст оварда мешавад, на тавассути таъсири ҷамъкунӣ.
Унсури асосӣ акси пуррапаҳно бо сарлавҳаи марказӣ (48-64 пиксел/460) ва як даъват ба амал пур аз тасвири шароб аст, ки бо кортҳои UI-и шаффофи маҳсулот дар канорҳои чап ва рост пӯшонида шудаанд. Дар зери унсури асосӣ як рахи логотипи рахи сафед (6 ҳуҷайра дар як сатр, паҳнои ҳадди аксар маҳдуд аст), сипас як қисмати ҷадвалбанд бо сатрҳои корти сафед дар матои пергаментӣ ҷойгир аст. Як рахи тираи фирӯзӣ тақрибан ду се ҳиссаи саҳифаро вайрон мекунад - паҳнои пурра, ду сутун (тасвир дар тарафи чап, матн дар тарафи рост) - ягона контрасти тоналиро ҳангоми ҳаракат эҷод мекунад. Пас аз он як рахи атмосфераи градиентӣ меояд. Фосилаи амудӣ байни бахшҳо 64-96 пиксел аст. Паҳнои максималии мундариҷа ~1200 пиксел дар марказ аст, ки унсури асосӣ ва рахи тира паҳнои пурраи майдони намоишро фаро мегиранд. Навигатсия як сарлавҳаи ягонаи собит бо заминаи норавшан аст; бе панели паҳлӯӣ, бе менюи мега. Пойгоҳ як саҳифаи пурраи бургундия бо тарҳбандии бисёрсутунии истинодҳо мебошад. Ритми умумӣ чунин аст: чаҳорчӯбаи асосӣ → мундариҷаи сафеди ором/қаймоқранг → рахи торик бо тасвири асосӣ → градиенти атмосфера → поёни бургундия, ки бо навбат рахҳои равшан ва торик барои эҷоди суръати таҳрирӣ иваз мешаванд.
Унсури асосии визуалӣ аксбардории синамоӣ мебошад: портрети пуррапаҳно дар муқобили осмони кушод ҳамчун нуқтаи марказӣ хизмат мекунад ва рахи дуюми атмосфера дар поёни саҳифа ҷойгир аст. Тасвир гарм ранг карда шудааст, нозук хомӯш карда шудааст ва дар профил аксбардорӣ шудааст, ки соати тиллоиро ба хотир меорад ва эҳсоси таҳририро бештар аз корпоративӣ эҷод мекунад. Рахи торик бо росткунҷаҳои геометрии шаффоф ва навиштаҷоти дастнавис дар болои акси марди дар андеша ғарқшуда ҷойгир карда шудааст - коллажи сатҳҳо ба ҷои як тасвир. Интерфейси корбар ҳамчун кортҳои шишагии шинокунанда, ки мустақиман дар акс ҷойгир карда шудаанд, на ҳамчун скриншотҳои алоҳида пешниҳод карда мешавад. Ҳеҷ гуна тасвирҳои саҳҳомӣ, ҳеҷ гуна рендерҳои 3D ва ҳеҷ гуна шаклҳои ороишии абстрактӣ вуҷуд надоранд, ба истиснои рахи атмосфераи градиентӣ. Нишонаҳо нишонаҳои хатти монохромии минималистӣ мебошанд, ки паҳнои тақрибан 16-20 пиксел доранд ва як паҳнои он ба вазни матни 460 нуқта мувофиқат мекунад.
Палитра
Бренд
- Midnight Wine
#421d24— Тугмаҳои асосии амал, баннери таблиғотӣ ва поёни поён ранги бургундияи гарм ва қариб сиёҳ мебошанд, ки бештар ба ранги сиёҳ монанданд, на ба сурх, ва палитраи рангро бе он ки аз ҳад зиёд бошад, мустаҳкам мекунанд. - Royal Violet
#714cb6— Арғувонӣ барои таъкид кардани истинодҳо, барчаспҳо ва ибораҳои кӯтоҳ истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.
Бетараф
- Lilac Mist
#d4c7ff— Пуркунии сатҳи дуюмдараҷа, нишонаҳои рӯшноӣ ва заминаҳои тугмаҳои арвоҳ ҳама дорои ранги арғувонии хомӯш мебошанд, ки ба услуби бренд ишора мекунанд, бе он ки таваҷҷӯҳи аз ҳад зиёдро ба худ ҷалб кунанд. - Deep Lagoon
#0c4243— Заминаи торики тасма, ки ҳамчун унсури асосии ривоятӣ истифода мешавад, ягона сатҳи торики система буда, бо нақши геометрии рӯйпӯшшуда якҷоя карда шудааст. - Warm Parchment
#f2f0eb— Сатҳи кории саҳифа унсури асосӣ аст; ранги гарми қаймоқӣ сафедро ҳамчун асос иваз мекунад ва ба тамоми система гармии таҳрирӣ мебахшад. - Soft Mist
#e3e3e2— Марзҳои борик, контурҳои кортҳо, хатҳои тақсимкунанда - хокистарии гарм ва равшан, ки бо пергамент омехта мешавад, аммо канорҳоро ба таври возеҳ муайян мекунад. - Ink Charcoal
#292827— Матни асосӣ, сарлавҳаҳо, контурҳои нишонаҳо - ранги гарм, қариб сиёҳ бо қаҳваранги кофӣ барои эҳсоси ранг дар рӯи коғаз, ҳеҷ гоҳ хунук нест #000 - Stone Gray
#666666— Матни дуюмдараҷа, матнҳои ёрирасон, тавсифҳои норавшан - як ранги хокистарии миёна, кам истифода мешавад, то ҳеҷ гоҳ бо матни асосӣ рақобат накунад.
Типография
аз 12 то 64 пиксел · 8 қадам
- Super Sans VF — ивазкунӣ: Inter (closest open equivalent for variable weight range) · контурҳо 460, 500, 540, 600, 700 · Як шрифт дар тамоми система. Тағйирёбандаҳои меҳварӣ аз 460 (шрифти имзоӣ, каме буридашуда барои ҳама матни калони сарлавҳа) то 540 (матни асосии таъкидшуда) ва 700 (сарлавҳаҳои хурд ва ғафс)-ро дар бар мегиранд. VF-и махсус тарҳрезишуда сарлавҳаҳои 460-вазнро нисбат ба тасодуфӣ бештар қасдан нишон медиҳад - дар 48-64 пиксел бо фосилаи маҳдуди ҳарфҳо, таъсири "каме буридашуда" ҳамчун эътимодбахш қабул карда мешавад, на борик.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | зич |
| Қадами асосӣ | 8px |
| Радиуси тугма | 16px |
| Радиуси корт | 16px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 64-96px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Superhuman месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- AI for Business — Толори намоиши таҳририяи бруталистӣ бо рангҳои гарми хокистарӣ
- Jeton — Мақолаи таҳрирӣ дар бораи финтех дар болои мармари гарм
- Airtable — Семинари бароҳате бо бобҳое, ки бо рангҳои гуногун қайд карда шудаанд
- Osmo — Осорхонаи таҳиягарон дар болои бетони хокистарӣ
- Linktr — Плакатҳои таҳририя мисли қанд рӯи ҳам гузошта шудаанд. Вебсайт бо рангҳои гуногун тарҳрезӣ шудааст, сарлавҳаҳои сабзи дурахшон дар паҳлӯи деворҳои кабуди кобалтӣ ва унсурҳои навигатсионии сафеди шакли ҳаб дар болои майдонҳои бургундия шино мекунанд.
- Outsource Consultants — Варақаи меъмории формати калон дар коғази устухонӣ. Эстетикаи монографӣ, ки дар он як доғи дурахшони индиго шабакаи гарм ва максималистии типографиро халалдор мекунад.
- Streamtime — Тахтаи кайфияти эҷодии тактилӣ - Мизи скрапбукинг бо тарроҳ
- Switch-Lit — Шабакаи таҳрирӣ бо ранг дар коғази қаймоқӣ чоп шудааст
- HubSpot — Ранги коғази гарми қаймоқӣ бо як лаҳҷаи норинҷӣ. HubSpot ба маҷаллаи тарроҳӣ монанд аст, ки дар коғази ғафс чоп шудааст - сарлавҳаҳои серифӣ, саҳифаҳои гарми қаймоқӣ ва як лаҳҷаи норинҷии оташин, ки танҳо нуктаҳои муҳимтаринро таъкид мекунанд.
- Granola — Қайдҳои саҳроӣ дар болои пергаменти гарм — Гранола мисли дафтарчаи фарсудаи Moleskine, ки дар рӯи мизи офтобӣ кушода шудааст, хонда мешавад: сарлавҳаҳои серифӣ эҳсоси мустаҳкамӣ мебахшанд, лакентҳои сабзи органикӣ ба монанди ранги растанӣ ва хатҳои борик дар ҳошияҳои кортҳо, ки ба қайдҳои дастнавис монанданд.
- Secure — Сӯҳбат дар як қаҳвахонаи аврупоӣ дар рӯзи соф як навъ гарму услуби зангҳои видеоӣ аст, ки дар он сарлавҳаҳои serif ба ҷои саҳифаи маҳсулоти технологӣ мисли як мақолаи пурмазмуни маҷалла хонда мешаванд.
- Mockups made easy — Студияи тарроҳии таҳририя дар коғази сафед