Superlist
Ноћни радни простор са коралним жаром - тиха површина апликације боје патлиџана где једна топла наранџаста искра сигнализира сваку акцију
Суперлист користи језик продуктивности у поноћно љубичастим тоновима: дубока боја патлиџана, топла корална као једина примарна боја и велики наслови без серифа који обухватају целу атмосферу. Интерфејс евоцира осећај рада фокусираног на касно увече - тих, слојевит и самоуверен, са бојом која се користи само као функционална интерпункција на позивима на акцију, активним стањима и кључним тачкама. Површине су слојевите у суптилним тамним тоновима са љубичастим подтоном (#181824 → #26253б), избегавајући чисту црну како би се осигурало да дубина делује топло, а не стерилно. Компоненте имају великодушне заобљене облике (картице од 20px, дугмад за таблете), меке сенке и „дишу“ кроз удобне размаке од 10-16px, а не кроз уске мреже. Глас наслова је све: тежина од 600 поена на 70-88px са уским размаком између слова од -0,02em третира текст као типографски, а не као кориснички интерфејс - ближи је уредничком тексту него SaaS-у.
Тамни одељци се простиру целом ширином странице, са центрираним контејнерима садржаја максималне ширине. Главни одељак је вертикално центриран и садржи наслов, подтекст и позив на акцију (CTA), након чега следи велики снимак екрана производа који се преклапа са следећим одељком. Накнадни одељци се смењују између центрираних блокова текста и мрежа са картицама. Одељак за рецензије користи мрежу са три колоне са картицама за рецензије и 16 одвојених колона. Навигација је једна горња трака са логотипом са леве стране, центрираним линковима и радњама за пријављивање са десне стране - без фиксне бочне траке или мега-менија. Одвојени одељци између одељака су великодушни (16 одвојених колона), стварајући простран, уреднички ритам, а не густу мрежу производа.
Визуелним простором доминирају снимци екрана производа – велики оквир са заобљеним угловима, који приказује стварни интерфејс апликације, испуњава главни и секундарни део. Фотографије су минималне, користе се само као аватари корисника или прегледи медија у апликацији (на пример, слика концерта у десном панелу макета производа). Логотипи на траци поверења су равни, пригушени бели текстуални симболи. Нема декоративних илустрација, нема апстрактне графике, нема 3Д рендера. Визуелна стратегија је да се производ представи у великој величини, да се типографија обави емоционални посао, а корална боја се користи као једина акцентна боја.
Палета
Brend
- Coral Ember
#ff4a36— Наранџаста се користи као секундарни акценат за декоративне детаље и за истицање ретких знакова. Не треба је користити као примарну боју за позиве на акцију.
Неутрално
- Aubergine Canvas
#181824— Позадина странице, главно платно, је топла, тамна нијанса која замењује чисто црну, чинећи да кориснички интерфејс делује слојевито, а не равно. - Elevated Plum
#26253b— Површине картица, поља за унос, контејнери за навигацију – корак је лакше од платна за креирање дубине без видљиве границе. - Pure White
#ffffff— Главни наслови, текст дугмади и обриси икона — максимални контраст на тамном платну. - Fog Text
#696f81— Главни текст, споредни наслови и пригушене ивице — однос контраста 7:1 за удобно читање на позадини боје патлиџана. - Ash Text
#8e8da0— Неутрална боја је подржана за секундарне елементе корисничког интерфејса, разделиоце и пригушене ознаке. Не треба је користити као примарну боју за позиве на акцију. - Mist Highlight
#a3a3a7— Суптилне ивице, раздели и неактивни елементи за навигацију стварају суптилни неутрални тон који се и даље истиче на платну.
Типографија
од 12 до 88 пиксела · 9 корака
- sans-serif — замена: Inter · обриси 400 · sans-serif - пронађен у екстрахованим подацима, али га вештачка интелигенција није описала.
- Haffer XH SemiBold — замена: Inter Tight · обриси 400, 600 · Примарни фонт за приказ и наслове. Користи се у величини од 70–88 пиксела за главне наслове са размаком између слова од -0,02 em и тежином од 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 — Поноћна судница осветљена коралним мастилом - тамна уредничка површина где је једини звук топли наранџасти потез оловке
- AWE — Роботска опсерваторија после поноћи. Направите црне екране, сличне галеријама, где бледи уређивачки текст лебди изнад слика покретаних вештачком интелигенцијом и ситног текста на контролној табли.
- Graphite — Светлећа завршна мрежа. Креирајте тамне, оивичене површине производа око прецизних белих типографских ознака и повремених бљескова спектралне светлости.
- Featurebase — Љубичасто осветљена конзола. Замислите сваку страницу као тамну, тиху позорницу, са светлећим радним простором за производ који израња из доње ивице.
- BAM Photographers — Пројекција у галерији после поноћи. Црно платно, увећана бела слова и кинематографски парови слика стварају осећај да је веб-сајт више пројекциони портфолио него типична уредничка мрежа.
- Nuxt — Терминални сјај у дубоком свемиру. Направите тамне, затворене интерфејсне равни где се зелена појављује као напајани сигнал на плаво-црним површинама.
- Linear — инструмент за прецизност у поноћи