Superhuman
Уреднички панел златног сата
„Надчовек“ се налази на пресеку уредничке фотографије и софтверског корисничког интерфејса – топло платно попут пергамента (никада чисто бело) уоквирује бордо елементе брендирања и јарке љубичасте акценте. Наслови, постављени фонтом од 460 степени, шапућу уместо да вичу, дозвољавајући кинематографској фотографији преко целе странице да обави тешки посао, док провидне картице корисничког интерфејса производа лебде попут стакла изнад слика. Палета остаје мирна и уредничка већину времена: кремасте површине, текст боје угља, суптилне топло сиве ивице и великодушни размак између елемената, са бојом резервисаном за намерну интерпункцију бренда – један бордо позив на акцију, љубичасти линкови, светло јоргован додатни дугме. Систем намерно избегава јаке сенке и градијенте на површинама корисничког интерфејса; дубина се постиже слојевитом фотографијом и суптилним замућењем позадине у наслову, а не ефектом слагања.
Главни елемент је фотографија пуне ширине са центрираним насловом (48-64px/460) и једним позивом на акцију испуњеним сликом вина, са плутајућим провидним картицама корисничког интерфејса производа постављеним на левој и десној ивици. Испод главног елемента налази се бела трака са логотипом (6 ћелија по реду, максимална ширина ограничена), затим одељак са картицама и белим површинама картица на пергаментном платну. Тамно тиркизна трака прекида ритам око две трећине странице – пуна ширина, две колоне (слика лево, текст десно) – стварајући једини тонски контраст док скролујете. Следи градијентна атмосферска трака. Вертикални размак између одељака је 64-96px. Максимална ширина садржаја је ~1200px центрирана, при чему главни елемент и тамна трака обухватају целу ширину приказа. Навигација је једно фиксно заглавље са замућеном позадином; нема бочне траке, нема мега менија. Футер је бордо страница пуне ширине са распоредом линкова у више колона. Укупни ритам је: главни кадар → мирни бели/крем садржај → тамна пруга са главном сликом → атмосферски градијент → бордо подножје, наизменично светле и тамне пруге за стварање уредничког темпа.
Примарни визуелни елемент је кинематографска фотографија: портрет у пуној ширини насупрот отвореном небу служи као фокусна тачка, са другом атмосферском траком постављеном ниже на страници. Слика је топло тонирана, суптилно пригушена и снимљена у профилу, подсећајући на златни сат, стварајући више уреднички него корпоративни осећај. Тамна трака са провидним геометријским правоугаоницима и рукописом писаних натписа је постављена преко фотографије човека изгубљеног у мислима - колаж површина, а не једна слика. Кориснички интерфејс је представљен као плутајуће стаклене картице постављене директно на фотографију, а не као одвојени снимци екрана. Нема стокових илустрација, нема 3Д рендера нити апстрактних декоративних облика, осим градијентне атмосферске траке. Иконе су минималистичке монохроматске линијске иконе, ширине ~16-20 пиксела, са једном ширином која одговара тежини текста од 460 поена.
Палета
Brend
- 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 — Теренске белешке на топлом пергаменту — Гранола се чита као излизана Молескине свеска отворена на сунцем обасјаном столу: серифни наслови дају осећај чврстине, органски зелени акценти попут мастила на бази биљака, а фине линије на маргинама картица подсећају на рукописне белешке.
- Secure — Разговор у европском кафићу на благом дневном светлу је топао, стилски приступ видео позивима, где серифни наслови читају као промишљен чланак у часопису, а не као страница технолошког производа.
- Mockups made easy — Студио за уређивачки дизајн на белом папиру