Calendly
Тъмносиньо мастило върху студен мрамор
Calendly създава усещане за спокойно и уверено работно пространство за планиране: почти бяло платно с много пространство за дишане, свежи бели продуктови карти, плаващи на хладен сив фон, и цялата типография, изобразена с тъмносиньо мастило, а не с чисто черно. Определящият елемент е тъмносиният цвят (#0b3558), използван навсякъде, където се появява текст – заглавия, бутони, икони, връзки – който омекотява целия интерфейс, правейки го по-топъл и стилен от типичната SaaS целева страница. Един ярко син цвят (#006bff) се използва за всички основни действия, а декоративни розови и сини пръски, простиращи се отвъд оформлението на продукта, добавят топлина, без да създават хаос. Компонентите са семпли: тънки 1px рамки, фини сини сенки, големи 24px радиуси на картите и 8px ъгли на бутоните изглеждат по-скоро умишлено, отколкото скучно.
Максимална ширина 1200px, центрирано, с широки полета на десктоп. Главният екран е разделен на две колони: лявата колона съдържа заглавка от 80px + текст на тялото + подредени бутони за вход, докато дясната колона съдържа карта с уиджет за резервации с декоративни елементи на заден план. Под главния екран има единична лента с пълна ширина с логото на Trust. Последващите секции се редуват между центрирани блокове на заглавките (H2 + подтекст + опционално призив за действие), последвани от блокове с две колони, описващи характеристики (текст отляво/продукт отдясно или продукт отляво/текст отдясно) с декоративни акцентни елементи зад всяко изображение на продукт. Решетките с карти се използват рядко - оформлението предпочита сдвоени секции, поставени една до друга, а не многоколонни решетки. Разстоянието между секциите варира от 48 до 64px. Навигацията е фиксирана горна лента от 64px с логото отляво, центрирано меню и група призиви за действие отдясно.
Основният визуален елемент са екранните снимки на продуктите – прости макети на потребителския интерфейс на календара за резервации, рендирани върху чисти бели карти с широки, заоблени ъгли. Декоративен дизайн: всяка продуктова карта е заобиколена от меко петно в коралово лилаво (#e55cff) или лазурно синьо (#0099ff), леко изместено и размазано, създавайки ефект на колаж, а не плосък екран. Без снимки, без изображения на начин на живот – всички визуални елементи представляват потребителския интерфейс на продукта, абстрактни акцентни форми или монохромни лога на партньори в лентата за доверие. Иконите са линейни с ширина на линията 1,5–2px, монохромни, в тъмносиньо (Ink Navy) или синьо (Signal Blue).
Палитра
Марка
- Ink Navy
#0b3558— Основен текст, заглавия, икони, тъмен фон за призиви за действие, навигационни връзки. - Signal Blue
#006bff— Основен призив за действие (CTA), активна навигация, акцент върху връзки, избрани състояния
Неутрален
- Carbon
#0a0a0a— Текст в чисто черно (резервен), глиф с лого, запълване с икони. - Slate Gray
#476788— Допълнителен основен текст, поддържащ текст, заглушени етикети. - Mist Gray
#a6bbd1— Деактивиран текст, етикети на неактивни функции, светлинни контури на икони - Cloud
#f8f9fb— Платно на страницата, фон на долния колонтитул, допълнителна повърхност - Paper
#ffffff— Картови повърхности, релефни панели, текст на бутони на тъмен фон. - Pebble
#f0f3f8— Фонови изображения за икони, засенчване на полета за въвеждане, фини разделители, ефекти при задържане на курсора.
Типография
от 12 до 80px · 10 стъпки
- Gilroy — замяна: Manrope · очертания 400, 500, 600, 700 · Целият текст на интерфейса. Gilroy е геометричен хуманистичен шрифт без сериф с широки отвори и равномерен контраст на щрихите; неговите удебелени шрифтове (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.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- ElevenLabs — Фотоесе в топли кремави тонове с фини заглавия. Тетрадка в стил Баухаус - хартия с цвят на яйчена черупка, черно мастило и един лилав и оранжев акцент за представяне на продукта.
- Awesomic — Редакционна цинкова мрежа с оранжеви препинателни знаци, напомнящи конфети
- Monad — редакционно техническо списание върху топъл пергамент
- Dub — Контролен панел с матова оризова хартия на Link
- Seline Analytics — Тиха аналитична маса върху топла хартия
- Notion — Топъл хартиен тефтер под обедното слънце
- Anthropic — Научно списание за топъл пергамент - спокойни повърхности с цвят на слонова кост, заглавия със серифирани редакционни знаци и един-единствен глинен акцент, който се появява само когато е необходимо действие.
- Augen Pro — Бялата презентация на Apple се отличава с клинично, безтегловно, електрическо синьо като единствен акцент в монохромно пространство.
- Antimetal — Редакционна хроника на кремава хартия – тиха сутрин в научно списание, където сдържаността внушава увереност, а серифите вършат тежката работа.
- Perk — Електрическа лайм върху топла пергаментова хартия
- Ditto — Слънчева работилница, в която се създават мостри от диви цветя. Топли кремави повърхности, ярък жълт основен цвят, наситено тъмносини мастила, органични цветови форми, разцъфтяващи зад произведението.
- Officevibe — Редакционно списание на топла кремава хартия. Представете си замислено есе за управлението на човешките ресурси, представено като продукт - курсивен шрифт със серифни букви, шепнещ през модерен син интерфейс.