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 · Цел текст на интерфејсот. Гилрој е геометриски хуманистички санс-сериф со широки отвори и униформен контраст на потези; неговите задебелени тежини (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 — Уредничко списание на топла хартија во крем боја. Замислете промислен есеј за управување со човечки ресурси, претставен како производ - курзивен сериф фонт што шепоти низ модерен син интерфејс.