Calendly
Муздак мраморго кочкул көк сыя менен тартылган
Calendly тынч, ишенимдүү пландаштыруу жумуш мейкиндигиндей сезилет: дем алууга жетиштүү орун бар дээрлик ак полотно, муздак боз фондо калкып турган так ак продукт карталары жана бардык типография таза кара эмес, кочкул көк сыя менен берилген. Аныктоочу элемент - кочкул көк түс (#0b3558), ал текст пайда болгон бардык жерде колдонулат - аталыштар, баскычтар, сүрөтчөлөр, шилтемелер - бул бүт интерфейсти жумшартып, аны кадимки SaaS баштапкы барагына караганда жылуураак жана стилдүү кылат. Бардык негизги аракеттер үчүн бир гана ачык көк (#006bff) колдонулат, ал эми продукттун макеттеринен тышкары созулган декоративдик кызгылт жана көк чачыратуулар башаламандык жаратпастан жылуулук кошот. Компоненттер жөнөкөй бойдон калат: ичке 1px чек аралар, назик көк түстөгү көлөкөлөр, чоң 24px карта радиустары жана 8px баскыч бурчтары жумшак эмес, атайылап жасалгандай сезилет.
Эң жогорку туурасы 1200 пиксел, борборлоштурулган, жумушчу столдо кең четтери бар. Негизги экран эки тилкеге бөлүнгөн: сол тилкеде 80 пикселдик баштык + негизги текст + үймөктөлгөн кирүү баскычтары бар, ал эми оң тилкеде фондо декоративдик элементтери бар брондоо виджетинин картасы бар. Негизги экрандын астында Ишеним логотиби бар бир, толук туурасы бар тилке жайгашкан. Кийинки бөлүмдөр борборлоштурулган баштык блокторунун ортосунда кезектешип жайгашкан (H2 + кошумча текст + кошумча аракетке чакыруу), андан кийин ар бир продукт сүрөтүнүн артында декоративдик басым элементтери менен өзгөчөлүктөрдү сүрөттөгөн эки тилкелүү блоктор (сол жактагы текст/продукттун оң жагы же продукттун сол жагы/оң жактагы текст) келет. Карта торчолору сейрек колдонулат — макет көп тилкелүү торчолордун ордуна жанаша жайгаштырылган жупташтырылган бөлүмдөрдү жактырат. Бөлүмдөрдүн ортосундагы аралык 48ден 64 пикселге чейин. Навигация - бул сол жагында логотип, борборлоштурулган меню жана оң жагында аракетке чакыруулардын тобу бар 64 пикселдик бекитилген үстүнкү тилке.
Негизги визуалдык элемент - бул продуктунун скриншоттору — кең, тегерек бурчтары бар ачык ак карточкаларда көрсөтүлгөн брондоо календарынын колдонуучу интерфейсинин жөнөкөй макеттери. Декоративдик дизайн: ар бир продуктунун картасы коралл кызгылт көк (#e55cff) же көк көк (#0099ff) жумшак так менен курчалган, бир аз жылышып жана бүдөмүктөтүлүп, жалпак скриншоттун ордуна коллаж эффектин түзөт. Сүрөттөр жок, жашоо образынын сүрөттөрү жок — бардык визуалдык элементтер продуктунун колдонуучу интерфейсин, абстракттуу акцент формаларын же ишеним тилкесиндеги монохром өнөктөш логотиптерин чагылдырат. Сүрөтчөлөр сызыктуу, сызыктын туурасы 1,5–2 пиксель, монохром, кочкул көк (сыя көк) же көк (сигнал көк) түстө.
Түстөр палитрасы
Бренд
- Ink Navy
#0b3558— Негизги текст, аталыштар, сүрөтчөлөр, аракетке чакыруулар үчүн караңгы фон, навигация шилтемелери. - Signal Blue
#006bff— Негизги аракетке чакыруу (CTA), активдүү навигация, шилтемеге басым жасоо, тандалган абалдар
Нейтралдуу
- Carbon
#0a0a0a— Текст таза кара түстө (камдык көчүрмө), логотип глифи, сөлөкөттөрдү толтуруу. - Slate Gray
#476788— Кошумча негизги текст, колдоочу текст, үнсүз энбелгилер. - Mist Gray
#a6bbd1— Өчүрүлгөн текст, активдүү эмес функция энбелгилери, жарык сөлөкөтүнүн контурлары - Cloud
#f8f9fb— Барактын холст, төмөнкү колонтитулдун фоны, кошумча бет - Paper
#ffffff— Карта беттери, көтөрүлгөн панелдер, караңгы фондо баскычтын тексти. - Pebble
#f0f3f8— Сүрөтчөлөр үчүн фон сүрөттөрү, киргизүү талаасынын көлөкөлөрү, тымызын бөлгүчтөр, курсорду алып баруу эффекттери.
Типография
12ден 80 пикселге чейин · 10 кадам
- Gilroy — алмаштыруу: Manrope · контурлар 400, 500, 600, 700 · Бардык интерфейс тексттери. Gilroy - кең диафрагмалары жана бирдей контрасты бар геометриялык гуманисттик sans-serif; анын калың салмактары (700) аталыштар үчүн, ал эми 500–600 баскычтар жана кошумча аталыштар үчүн колдонулат. Manrope же Inter менен алмаштырыңыз.
- Gilroy — алмаштыруу: Inter · контурлар 400 · Негизги текст жана жалпы максаттагы колдонуучу интерфейсинин энбелгилери - 400 пункттуу шрифттин калыңдыгы узун тексттердин оор сезилбестен окулушун камсыздайт.
- Gilroy — алмаштыруу: Inter · контурлар 500 · Кошумча аталыштар жана белгиленген негизги текст - 14/500 шрифти карта аталыштары жана сап ичиндеги энбелгилер үчүн негизги курал болуп саналат.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 8-16px |
| Баскычтын радиусу | 8px |
| Картанын радиусу | 24px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 48-64px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Calendly стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- ElevenLabs — Жылуу каймак түстөгү, назик аталыштары бар фотоэссе. Баухаус стилиндеги дептер — жумуртканын кабыгы түстүү кагаз, кара сыя жана продукцияны көрсөтүү үчүн бир кызгылт көк жана кызгылт сары түстөгү акцент.
- Awesomic — Конфеттини эске салган кызгылт сары тыныш белгилери бар редакциялык цинк торчосу
- Monad — жылуу пергамент боюнча редакциялык техникалык журнал
- Dub — Linkтин матовый күрүч кагазынан жасалган башкаруу панели
- Seline Analytics — Жылуу кагаздагы тынч аналитикалык стол
- Notion — Түшкү күндүн астында жылуу кагаз дептер
- Anthropic — Жылуу пергамент жөнүндөгү илимий талаа журналы — пил сөөгүнүн тынч беттери, сериф менен кооздолгон редакциялык аталыштар жана аракет керек болгондо гана пайда болгон бир гана чопо акцент.
- Augen Pro — Apple компаниясынын ак түсү монохром мейкиндиктеги жалгыз акцент катары клиникалык, салмаксыз, электр көк түсүн камтыйт.
- Antimetal — Каймак кагазга басылган редакциялык хроника — илимий журналдагы тынч таң, анда токтоолук ишенимди билдирет, ал эми серифтер оор жумушту аткарат
- Perk — Жылуу пергамент кагазындагы электр лаймы
- Ditto — Күн нуру тийген жапайы гүлдөрдүн үлгүлөрүн жасоочу устакана. Жылуу каймак түстөгү беттер, ачык сары түс, кочкул көк сыялар, чыгарманын артында гүлдөгөн органикалык түстөгү формалар.
- Officevibe — Жылуу каймак түстүү кагазга басылган редакциялык журнал. Заманбап көк интерфейс аркылуу шыбырап жазылган курсивдүү сериф шрифти менен берилген, продукт катары сунушталган HR башкаруу боюнча ойлуу эссени элестетиңиз.