Seline Analytics
Жылуу кагаздагы тынч аналитикалык стол
Seline жылуу таш фонунда (#fafaf9) бир гана ачык көк акцент менен коюлган — башка бардык түстөр нейтралдуу жана Tailwind таш түс палитрасынан алынган. Башкы саптар 400 калыңдыктагы жана тар терс тамга аралыктагы атайын иштелип чыккан геометриялык sans-serif шрифтинде (roobert) чагылдырылган, бул текстке жайбаракат, дээрлик шыбырагандай ишеним берет, ал адатта катуу SaaS стилине карама-каршы келет. UI беттери жалпак ак карточкалар болуп саналат, алар жылуу фондун үстүндө бир гана, жумшак, 16 пикселдик бүдөмүктөтүлгөн; чек аралар жука, 1 пикселдик таш түстүү сызыктар менен түзүлгөн, оор бөлгүчтөрдүн же панелдердин ордуна негизги структуралык элемент катары кеңири колдонулат. Макет дем берет: толук көлөмдөгү мазмун кең вертикалдык ритмге негизделген, таблетка түрүндөгү интерактивдүү башкаруу элементтери, инсандык үчүн талисман иллюстрациясы жана продукттун далили катары башкаруу панелинин скриншоттору менен. Жалпы таасир редакциялык жактан аналитикалык: тынч, монохромдуу, ишенимдүү, көк чакырык башка нерселердин атайылап чектөөсүнүн аркасында баракчадагы эң таң калыштуу элемент болуп саналат.
Барак максималдуу туурасы менен, болжол менен 1200 пиксель борборлоштурулган жана вертикалдуу мейкиндик көп. Баатыр – бул эки саптан турган, солго тегизделген текст блогу, анда көк түстөгү бир гана белгиленген фраза ("жөнөкөй жана натыйжалуу"), андан кийин эки аракетке чакыруу (көк таблетка + арбак таблетка) бар сап, андан кийин боз түстөгү өнөктөш логотиптеринин катары, андан кийин ишеним рейтингдеринин катары жана андан кийин кийинки бөлүм менен бир аз дал келген толук туурасы калкып жүрүүчү башкаруу панелинин алдын ала көрүнүшү. Бүктөмдүн астында бир тилкелүү торчодо кезектешип турган күбөлүктөрдүн саптары, андан кийин функциялардын сүрөттөмөлөрү, солго тегизделген текст жана ортого коюлган продукт визуалдары бар толук туурасы бөлүмдөр жайгашкан. Навигация минималисттик жогорку тилке – сол жагында логотип, ортого коюлган навигация шилтемелери, логин + оң жагында аракетке чакыруу – навигациянын ортосунда инсандыкты текшерүү үчүн кызмат кылган калкып жүрүүчү аватарлар кластери бар. Бөлүмдөрдүн ортосундагы боштуктар маалыматтын тыгыз башаламандыгын эмес, редакциялык ритмди түзүү үчүн кең (96 пиксель).
Визуалдык тилде продуктунун колдонуучу интерфейсинин скриншоттору басымдуулук кылат — башкаруу панелинин алдын ала көрүнүшү – бул боз түстөгү (1) (0.94) контраст чыпкасы менен көрсөтүлгөн сүрөт, ал маалыматтардын түстөрүн монохромдук түскө чейин өчүрөт. Жалгыз адам фигурасы – бул сызыктуу талисман чаптамасы (капюшон кийген каарман), ал SVG стилинде тартылып, контурлары гана бар, аналитикалык мазмунга ойноок контрапункт катары ар бир бөлүмгө бир жолу жайгаштырылат, тереңдиктин стикер сыяктуу эффектин түзүү үчүн жумшак көлөкө менен. Бренддин логотиби жана глифтери – кичинекей кара учкундар/жалындар. Сүрөттөр жок – жашоо образынын сүрөттөрү жок, команданын сүрөттөрү жок, айлана-чөйрөнүн сүрөттөрү жок. Объект (башкарма панели) – башкы каарман. Бардык декоративдик сүрөтчөлөр #0c0a09 же #3ba6f1 форматында 1px контур стилинде, эч качан толтурулбайт.
Түстөр палитрасы
Бренд
- Cyan Signal
#3ba6f1— Барактагы негизги чакырык, активдүү шилтемелер жана бренд сүрөтчөлөрүнүн контуру - бул аракетке көңүл буруу үчүн сейрек колдонулган жалгыз түстүү акценттер. - Cyan Edge
#3398e1— Көк түс аракеттердин контурларын, шилтемелердин белгилерин жана интерактивдүү элементтерди белгилөө үчүн колдонулат. Ал аракетке чакыруу үчүн негизги түс катары колдонулбашы керек.
Нейтралдуу
- Ink Black
#0c0a09— Негизги аталыштар, белгиленген негизги текст жана экспрессивдүү сүрөтчөлөр жылуу, дээрлик кара түстө. - Stone Canvas
#fafaf9— Барактын фону жылуу, каймак түстө, ал экрандын ак түсүнө караганда кагазга окшош. - Pure White
#ffffff— Картанын беттери, чыгып турган панелдер жана киргизүү талааларын толтуруу демейки шартта жалпак жана көлөкөсүз болот. - Stone Border
#e8e6e5— Карталардагы, навигациядагы жана киргизүү талааларындагы ичке чек аралар бөлгүчтөр эмес, негизги структуралык элемент болуп саналат. - Stone Muted
#d6d3d1— Кошумча алкактар, назик фондук көлөкөлөр, декоративдик бөлгүчтөр. - Ash Gray
#a8a29e— Жардам тексти, сөлөкөттөрдүн контурлары, өчүрүлгөн абалдар - окулушу мүмкүн, бирок активдүү эмес.
Типография
10дон 52 пикселге чейин · 5 кадам
- Roobert — алмаштыруу: Inter Tight or Satoshi · контурлар 400, 500 · Аталыштар жана тексттин жайгашуусу үчүн шрифт - бул минималдуу терс тамга аралыктары бар уникалдуу геометриялык sans-serif шрифти (32 пикселде -0.025em, 52 пикселде -0.021em). 400 x 52 пиксель өлчөмү шрифттин өзгөчөлүгү: салттуу эмес, жумшак, бирок авторитеттүү, бирок жөнөкөй. Аталыштар өз ордун ашыкча эмес, ээлейт.
- Inter — алмаштыруу: Inter · контурлар 400, 500, 600 · Негизги текст, навигация, интерфейс жана аталыштар үчүн негизги шрифт - экрандан тышкаркы бардык тексттер үчүн нейтралдуу, универсалдуу шрифт. Негизги текст үчүн басымдуу өлчөм 14px, салмагы 400 жана сап аралыгы 1,64 (жыштыгы 1174). Кичинекей өлчөмдөрдө тамгалардын оң аралыгы (0,004em) тыгыз интерфейстин окулушун камсыздайт.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | кенен |
| Негизги кадам | 8px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 10px |
| Көлөкөлөр | жумшак көлөкөлөр |
| Бөлүмдөрдүн ортосунда | 96px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Seline Analytics стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- ElevenLabs — Жылуу каймак түстөгү, назик аталыштары бар фотоэссе. Баухаус стилиндеги дептер — жумуртканын кабыгы түстүү кагаз, кара сыя жана продукцияны көрсөтүү үчүн бир кызгылт көк жана кызгылт сары түстөгү акцент.
- Awesomic — Конфеттини эске салган кызгылт сары тыныш белгилери бар редакциялык цинк торчосу
- Monad — жылуу пергамент боюнча редакциялык техникалык журнал
- Dub — Linkтин матовый күрүч кагазынан жасалган башкаруу панели
- Notion — Түшкү күндүн астында жылуу кагаз дептер
- Anthropic — Жылуу пергамент жөнүндөгү илимий талаа журналы — пил сөөгүнүн тынч беттери, сериф менен кооздолгон редакциялык аталыштар жана аракет керек болгондо гана пайда болгон бир гана чопо акцент.
- Calendly — Муздак мраморго кочкул көк сыя менен тартылган
- Augen Pro — Apple компаниясынын ак түсү монохром мейкиндиктеги жалгыз акцент катары клиникалык, салмаксыз, электр көк түсүн камтыйт.
- Antimetal — Каймак кагазга басылган редакциялык хроника — илимий журналдагы тынч таң, анда токтоолук ишенимди билдирет, ал эми серифтер оор жумушту аткарат
- Perk — Жылуу пергамент кагазындагы электр лаймы
- Ditto — Күн нуру тийген жапайы гүлдөрдүн үлгүлөрүн жасоочу устакана. Жылуу каймак түстөгү беттер, ачык сары түс, кочкул көк сыялар, чыгарманын артында гүлдөгөн органикалык түстөгү формалар.
- Officevibe — Жылуу каймак түстүү кагазга басылган редакциялык журнал. Заманбап көк интерфейс аркылуу шыбырап жазылган курсивдүү сериф шрифти менен берилген, продукт катары сунушталган HR башкаруу боюнча ойлуу эссени элестетиңиз.