Seline Analytics
Җылы кәгазьдә тыныч аналитик өстәл
Seline җылы таш фонында (#fafaf9) бер якты зәңгәр акцент белән урнаштырылган - башка барлык төсләр нейтраль һәм Tailwind таш төс палитрасыннан алынган. Башлыклар махсус эшләнгән геометрик sans-serif шрифтында (roobert), авырлыгы 400 һәм тар тискәре хәреф аралыгы белән күрсәтелгән, бу текстка тыныч, диярлек пышылдау кебек ышаныч бирә, ул гадәттәгечә көчле SaaS стиле белән контраст булып тора. UI өслекләре - яссы ак карточкалар, җылы фон өстендә бер йомшак, 16 пиксель тоныклык белән йөзә; чикләр нечкә, 1 пиксель таш төсендәге сызыклар белән ясалган, алар авыр бүлгечләр яки панельләр урынына төп структураль элемент буларак киң кулланыла. Макет сулыш ала: тулы киңлекле эчтәлек киң вертикаль ритмга нигезләнгән, таблетка формасындагы интерактив идарә итү элементлары, шәхес өчен талисман иллюстрациясе һәм продуктны исбатлау өчен панель скриншотлары белән. Гомуми тәэсир редакция ягыннан аналитик: тыныч, монохром, ышанычлы, зәңгәр чакыру - башка бар нәрсәнең дә махсус тыелуы аркасында биттә иң күзгә ташланып торган элемент.
Бит максималь киңлектә, якынча 1200 пиксель үзәктә урнашкан, вертикаль бушлык җитәрлек. Герой - ике юллы, сул якка тигезләнгән текст блогы, анда зәңгәр төстәге бер генә билгеләнгән фраза ("гади һәм нәтиҗәле"), аннан соң ике чакыру белән рәт (зәңгәр таблетка + ghost таблетка), аннары соры төстәге партнер логотиплары рәте, аннары ышаныч рейтинглары рәте, аннары тулы киңлектәге йөзүче панель алдан карау, киләсе бүлек белән бераз каплана. Бөкләнеш астында бер баганалы челтәрдә чиратлашып торган шаһитлек рәтләре, аннан соң функцияләр тасвирламалары, сул якка тигезләнгән текст һәм үзәктә урнашкан продукт визуальләре белән тулы киңлектәге бүлекләр урнашкан. Навигация - минималист өске панель - сулда логотип, үзәктә навигация сылтамалары, уңда логин + зәңгәр чакыру - навигация уртасында шәхесне раслау өчен хезмәт итүче йөзүче аватарлар кластеры. Бүлекләр арасындагы бушлыклар киң (96 пиксель), мәгълүматның тыгыз буталышы түгел, ә редакция ритмын булдыру өчен.
Визуаль телдә продуктның кулланучы интерфейсының скриншотлары өстенлек итә - панель алдан карау - соры төстәге (1) (0.94) контраст фильтры белән күрсәтелгән фотосурәт, ул мәгълүматларның төсләрен монохром төскә көйли. Бердәнбер кеше фигурасы - сызыклы талисман стикеры (капюшонлы персонаж), ул SVG стилендә ясалган, контурлары гына, аналитик эчтәлеккә уен контрапункты буларак һәр бүлеккә бер тапкыр урнаштырылган, тирәнлек эффектын булдыру өчен йомшак күләгә белән. Бренд логотибы һәм глифлар - кечкенә кара очкыннар/ялкыннар. Фотосурәтләр юк - яшәү рәвеше фотолары, команда фотолары, әйләнә-тирә мохит рәсемнәре юк. Объект (панель) - төп герой. Барлык декоратив иконалар да #0c0a09 яки #3ba6f1 формасындагы 1 пиксель контур стилендә, беркайчан да тутырылмый.
Палитра
Бренд
- 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 · Төп текст, навигация, интерфейс һәм башлыклар өчен төп шрифт - экраннан тыш барлык текст өчен нейтраль, универсаль шрифт. Төп текст өчен төп зурлык 14 пиксель, авырлыгы 400 һәм юл аралыгы 1,64 (ешлык 1174). Кечкенә зурлыкларда уңай хәреф аралыгы (0,004 эм) тыгыз интерфейсның укылышлылыгын тәэмин итә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | киң |
| Төп адым | 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 — Җылы каймак төсле кәгазьдә басылган редакция журналы. Кадрлар белән идарә итү турында уйланылган иншаны күз алдыгызга китерегез, ул продукт буларак тәкъдим ителә - заманча зәңгәр интерфейс аша пышылдап язылган курсив-сериф шрифты.