Calendly
Суық мәрмәрге қою көк сиямен салынған
Calendly тыныш, сенімді жоспарлау жұмыс кеңістігі сияқты сезіледі: тыныс алу кеңістігі көп ақ түсті кенеп, суық сұр фонда қалқып тұрған айқын ақ өнім карталары және барлық типография таза қара емес, қою көк сиямен көрсетілген. Анықтайтын элемент - қою көк түс (#0b3558), мәтін пайда болған барлық жерде қолданылады - тақырыптар, түймелер, белгішелер, сілтемелер - бұл бүкіл интерфейсті жұмсартады, оны әдеттегі SaaS қону бетіне қарағанда жылырақ және стильді етеді. Барлық негізгі әрекеттер үшін бір ашық көк (#006bff) қолданылады, ал өнім орналасуларынан тыс созылатын сәндік қызғылт және көк шашыраулар шашыраңқылық тудырмай, жылулық қосады. Компоненттер кішірейтілген күйде сақталады: жұқа 1 пиксель жиектер, нәзік көк реңкті көлеңкелер, үлкен 24 пиксельді карта радиустары және 8 пиксельді түйме бұрыштары жұмсақ емес, әдейі жасалғандай сезіледі.
Ең үлкен ені 1200 пиксель, ортасында орналасқан, жұмыс үстелінде кең жиектермен. Негізгі экран екі бағанға бөлінген: сол жақ бағанда 80 пиксельдік тақырып + негізгі мәтін + жинақталған кіру түймелері, ал оң жақ бағанда фонда сәндік элементтері бар брондау виджетінің картасы орналасқан. Негізгі экранның астында Trust логотипі бар жалғыз, толық енді жолақ орналасқан. Келесі бөлімдер орталықтандырылған тақырып блоктарымен кезектесіп орналасады (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 басқару туралы ойлы эссені елестетіп көріңіз — заманауи көк интерфейс арқылы сыбырлап жазылған курсивті сериф қаріпі.