Superlist
Ноќен работен простор со корални жарчиња - тивка површина за апликација од модар патлиџан каде што една топла портокалова искра сигнализира секоја акција.
Superlist користи јазик за продуктивност во полноќно виолетови тонови: темно модри патлиџани, топла корална како единствена примарна боја и големи sans-serif наслови кои ја доловуваат целата атмосфера. Интерфејсот го евоцира чувството на работа фокусирана доцна во ноќта - тивка, слоевита и самоуверена, при што бојата се користи само како функционална интерпункција на повици за акција, активни состојби и клучни точки. Површините се слоевити во суптилни темни тонови со виолетова нијанса (#181824 → #26253b), избегнувајќи чиста црна боја за да се осигура дека длабочината се чувствува топла, а не стерилна. Компонентите имаат дарежливи заоблени форми (картички од 20px, копчиња за апчиња), меки сенки и „дишат“ низ удобни празнини од 10-16px, наместо тесни мрежи. Гласот на насловот е сè: тежина од 600 поени на 70-88px со мал растојание помеѓу буквите од -0,02em го третира текстот како типографски, а не како кориснички интерфејс - поблиску е до уреднички текст отколку до SaaS.
Темните делови се протегаат по целата ширина на страницата, со центрирани контејнери за содржина со максимална ширина. Главниот дел е вертикално центриран и содржи наслов, подтекст и повик за акција (CTA), проследен со голема слика од екранот на производот што се преклопува со следниот дел. Последователните делови се менуваат помеѓу центрирани текстуални блокови и мрежи со картички. Делот за прегледи користи мрежа од три колони со картички за прегледи и 16 огради. Навигацијата е една горна лента со лого лево, центрирани врски и дејства за најавување десно - нема фиксна странична лента или мега-мени. Оградите помеѓу деловите се големи (16 огради), создавајќи простран, уреднички ритам, наместо густа мрежа на производи.
Визуелниот простор е доминиран од снимки на екранот од производот - голема рамка со заоблени агли, која го прикажува вистинскиот интерфејс на апликацијата, ги исполнува главните и секундарните делови. Фотографиите се минимални, се користат само како кориснички аватари или прегледи на медиуми во апликацијата (на пример, сликата од концертот во десниот панел од макетата на производот). Логоата на лентата за доверба се рамни, пригушени бели текстуални симболи. Нема декоративни илустрации, нема апстрактна графика, нема 3D рендери. Визуелната стратегија е да се прикаже производот во голем обем, да се остави типографијата да ја изврши емотивната работа и да се користи коралната боја како единствена акцентна боја.
Палета
Бренд
- Coral Ember
#ff4a36— Портокаловата боја се користи како секундарен акцент за декоративни детали и за истакнување на ретки знаци. Не треба да се користи како примарна боја за повици за акција.
Неутрално
- Aubergine Canvas
#181824— Позадината на страницата, главното платно, е топла, темна нијанса што ја заменува чистата црна боја, правејќи го корисничкиот интерфејс да изгледа слоевит, а не рамен. - Elevated Plum
#26253b— Површини на картички, полиња за внесување, контејнери за навигација - еден чекор полесно од платно за создавање длабочина без видлива граница. - Pure White
#ffffff— Главни наслови, текст на копчиња и контури на икони - максимален контраст на темно платно. - Fog Text
#696f81— Главниот текст, секундарните наслови и пригушените рамки - сооднос на контраст од 7:1 за удобно читање на позадина со боја на модар патлиџан. - Ash Text
#8e8da0— Поддржана е неутрална боја за секундарни елементи на корисничкиот интерфејс, разделувачи и пригушени етикети. Не треба да се користи како примарна боја за повици за акција. - Mist Highlight
#a3a3a7— Суптилните граници, разделувачите и неактивните елементи за навигација создаваат суптилен неутрален тон кој сепак се издвојува на платното.
Типографија
од 12 до 88px · 9 чекори
- sans-serif — замена: Inter · контури 400 · sans-serif - пронајден во извлечените податоци, но не е опишан од вештачката интелигенција.
- Haffer XH SemiBold — замена: Inter Tight · контури 400, 600 · Примарен фонт за приказ и наслови. Се користи со големина од 70–88px за наслови на херои со растојание помеѓу буквите од -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 — Уредничката работилница, отворена по работното време, е потполно темно место каде што целата работа за брендирање се извршува со сериф фонтови и една црвена ротквица.
- Spellbook — Полноќна судница осветлена со корално мастило - темна уредничка површина каде што единствениот звук е топлиот портокалов потез од пенкалото.
- Linear — полноќен прецизен инструмент
- Origin Financial — Полноќна галерија на тивок раскош. Тивка, речиси темна просторија каде што големите сериф фонтови и неколку осветлени панели во боја создаваат чувство дека финансиите се внимателно курирано уметничко дело.
- Hyperstudio — Дизајнот е изгребан во обсидијан. Текстот и тенките линии врамуваат бел простор од чисто црна боја, со повремени златни ознаки од компас што го означуваат патот.
- Air — скулптура „Полноќно небо низ стакло“
- Raycast — Полноќен команден центар, Корал Неон
- dope.security — Полноќен терминал со виолетови светилници