Superhuman
алтын сағат редакциялық алқасы
Суперадам редакциялық фотосурет пен бағдарламалық жасақтама интерфейсінің қиылысында орналасқан — жылы, пергамент тәрізді кенеп (ешқашан таза ақ емес) қызыл күрең бренд элементтері мен ашық күлгін екпіндерді жақтайды. 460 қаріппен орналастырылған тақырыптар айқайлаудың орнына сыбырлайды, бұл толық беттік кинематографиялық фотосуретке ауыр жұмысты орындауға мүмкіндік береді, ал мөлдір өнім интерфейс карталары кескіндердің үстінде әйнек сияқты қалқып жүреді. Палитра көп жағдайда тыныш және редакциялық болып қалады: крем түсті беттер, көмір түсті мәтін, нәзік жылы сұр жиектер және элементтер арасындағы кең аралық, түс әдейі бренд тыныс белгілері үшін сақталған — бір қызыл күрең әрекетке шақыру, күлгін сілтемелер, ашық сирень түсті қосымша түйме. Жүйе интерфейс беттеріндегі күшті көлеңкелер мен градиенттерді әдейі болдырмайды; Тереңдік қабаттастыру әсері арқылы емес, тақырыптағы қабаттастырылған фотосурет және нәзік фон бұлыңғырлығы арқылы қол жеткізіледі.
Негізгі элемент - ортасында орналасқан тақырыбы (48-64 пиксель/460 пиксель) және шарап суретімен толтырылған бір әрекетке шақыру бар толық енді фотосурет, сол және оң жақ жиектерінде қалқымалы мөлдір өнім интерфейсінің карталары орналасқан. Негізгі элементтің астында ақ жолақты логотип жолағы (әр қатарда 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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- AI for Business — Жылы сұр реңктердегі қатыгез редакциялық көрме залы
- Jeton — Жылы мәрмәрдегі финтех туралы редакциялық мақала
- Airtable — Әртүрлі түстермен белгіленген тараулары бар жайлы семинар
- Osmo — Сұр бетондағы құрылысшылар мұражайы
- Linktr — Редакциялық плакаттар кәмпит сияқты тізіліп тұр. Веб-сайт түрлі-түсті блоктармен безендірілген, кобальт-көк қабырғаларға ашық жасыл тақырыптар орналастырылған, ал ақ таблетка тәрізді навигациялық элементтер бургундия егістіктерінің үстінде қалқып жүр.
- Outsource Consultants — Сүйек қағазға басылған үлкен форматты сәулет парағы. Монографиялық эстетика, мұнда индигоның бір ғана жарқын жері жылы, типографиялық максималистік торды үзеді.
- Streamtime — Тактильді шығармашылық көңіл-күй тақтасы - дизайнерлік скрапбукинг үстелі
- Switch-Lit — Кремді қағазға сиямен басылған редакциялық тор
- HubSpot — Бір қызғылт сары түсті жылы крем түсті қағаз. HubSpot қалың қағазға басылған дизайнерлік журналға ұқсайды — сериф тақырыптары, жылы крем түсті беттер және тек ең маңызды мәселелерді ерекшелейтін бір қызғылт сары түсті екпін.
- Granola — Жылы пергаменттегі далалық жазбалар — Гранола күн сәулесі түскен үстелде ашылған ескірген Moleskine дәптері сияқты оқылады: сериф тақырыптары беріктік сезімін береді, өсімдік негізіндегі сия сияқты органикалық жасыл екпін және карталардың шеттеріндегі қолжазба жазбаларына ұқсайтын жіңішке сызықтар.
- Secure — Жұмсақ күндізгі уақытта еуропалық кафедегі әңгіме бейне қоңыраудың жылы және стильді нұсқасы болып табылады, мұнда serif тақырыптары техникалық өнім бетінен гөрі ойлы журнал мақаласы сияқты оқылады.
- Mockups made easy — Ақ қағаздағы редакциялық дизайн студиясы