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