Superlist
Коралл чогу бар түнкү жумуш орду — ар бир аракетти бир гана жылуу кызгылт сары учкун билдирген тынч баклажан бети
Superlist түн ортосу кызгылт көк түстөрдө өндүрүмдүүлүк тилин колдонот: терең баклажан, жалгыз негизги түс катары жылуу коралл жана бүтүндөй атмосфераны чагылдырган чоң санс-сериф аталыштары. Интерфейс түнкүсүн багытталган иштин сезимин жаратат — тынч, катмарлуу жана ишенимдүү, түс аракетке чакырууларда, активдүү абалдарда жана негизги пункттарда функционалдык тыныш белгилери катары гана колдонулат. Беттер кочкул кызыл түстөгү астыңкы тон менен (#181824 → #26253b) жумшак караңгы түстөрдө катмарланган, тереңдик стерилдүү эмес, жылуу сезилишин камсыз кылуу үчүн таза кара түстөн алыс. Компоненттерде кең тегеректелген формалар (20 пикселдик карталар, таблетка баскычтары), жумшак көлөкөлөр жана тар торчолордун ордуна ыңгайлуу 10-16 пикселдик боштуктар аркылуу "дем алуу" бар. Аталыштын үнү баарын камтыйт: 70-88 пикселдеги 600 пункттук салмак жана -0.02em тамгалардын тыгыз аралыгы текстти UI эмес, типографиялык катары карайт — ал 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ден 88 пикселге чейин · 9 кадам
- sans-serif — алмаштыруу: Inter · контурлар 400 · sans-serif - алынган маалыматтарда кездешет, бирок жасалма интеллект тарабынан сүрөттөлгөн эмес.
- Haffer XH SemiBold — алмаштыруу: Inter Tight · контурлар 400, 600 · Дисплей жана аталыштар үчүн негизги шрифт. Ал тамгалардын аралыгы -0.02em жана салмагы 600 болгон башкы аталыштар үчүн 70–88 пиксел өлчөмүндө колдонулат. Тамгалардын аралыгы тар жана тамгалардын бийиктиги аталыштарга редакциялык салмак берип, караңгы интерфейсти башкаруу панелине караганда журналдын мукабасына окшоштурат. Анын ордуна коюу калыңдыгы Inter Tight же General Sans шрифтин коюңуз.
- Jersey 10 — алмаштыруу: Anybody · контурлар 400 · Басым сандары жана өзгөчөлүктөр үчүн чоң, кооздук шрифт. Типографиялык басымдарды түзүү үчүн өтө чоң өлчөмдөрдө сейрек колдонулат. Аны Anybody же Cabinet Grotesk менен алмаштырса болот.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 10-16px |
| Баскычтын радиусу | 100px |
| Картанын радиусу | 20px |
| Көлөкөлөр | жумшак көлөкөлөр |
| Бөлүмдөрдүн ортосунда | 80px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Superlist стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- DNA — Түнкү обсерватория бөлүкчөлөрдүн линзасы аркылуу көрүнөт
- Abetterlou — Ээрдин үстүндөгү учкундар - кочкул кофе түстүү кара фондо жаркырап турган жылуу каймак түстүү шрифт, анын үстүнө ысык металл басылгандай сезилген янтарь-алтын түстүү баскычтар бар.
- Galileo-ft — Көк түстөгү электр сигналдары бар терең космостук командалык палуба
- Decide AI — Түн ортосунда обсерватория - жалбыз сигналы
- Redis Agency — Жумуш убактысынан кийин ачык болгон редакциялык семинар караңгы жерде жайгашкан, анда брендинг боюнча бардык иштер сериф шрифттери жана бир гана кызыл чамгыр менен аткарылат.
- Spellbook — Коралл сыясы менен жарыктандырылган түнкү сот залы — жылуу кызгылт сары калемдин сызыгы гана угулган караңгы редакциялык бет
- Linear — түн ортосу тактыктагы аспап
- Origin Financial — Тынч, кооз түнкү галерея. Чоң сериф шрифттери жана бир нече жарыктандырылган түстүү панелдер каржыны кылдаттык менен тандалган көркөм чыгарма катары сездирген тынч, дээрлик караңгы бөлмө.
- Hyperstudio — Дизайн обсидиан түсүнө чийилген. Текст жана майда сызыктар таза кара түстөгү ак мейкиндикти курчап турат, ал эми кээде жолду көрсөткөн алтын түстүү компас белгилери бар.
- Air — "Түнкү асман айнек аркылуу" скульптурасы
- Raycast — Түнкү командалык борбору, Корал Неон
- dope.security — Кызгылт көк маяктар менен түнкү терминал