Calendly

Тамноплаво мастило на хладном мермеру

Calendly делује као мирно, самоуверено радно место за планирање: скоро бело платно са пуно простора за дисање, оштре беле картице производа које лебде на хладној сивој позадини, а сва типографија је приказана тамноплавом бојом уместо чисто црном. Кључни елемент је тамноплава боја (#0b3558), која се користи свуда где се појављује текст – наслови, дугмад, иконе, линкови – што омекшава цео интерфејс, чинећи га топлијим и стилскијим од типичне SaaS одредишне странице. Једна јарко плава (#006bff) се користи за све примарне радње, а декоративни ружичасти и плави детаљи који се протежу изван распореда производа додају топлину без стварања нереда. Компоненте су ненаметљиве: танке ивице од 1px, суптилне плаво обојене сенке, велики радијуси картица од 24px и углови дугмади од 8px делују намерно, а не безизражајно.

Максимална ширина 1200 пиксела, центрирано, са широким маргинама на радној површини. Главни екран је подељен у две колоне: лева колона садржи заглавље од 80 пиксела + текст тела + наслагана дугмад за пријаву, док десна колона садржи картицу виџета за резервацију са декоративним елементима у позадини. Испод главног екрана налази се једна трака пуне ширине са логотипом Труста. Накнадни одељци се смењују између центрираних блокова заглавља (H2 + подтекст + опциони позив на акцију), након чега следе блокови са две колоне који описују карактеристике (текст лево/производ десно или производ лево/текст десно) са декоративним акцентним елементима иза сваке слике производа. Мреже картица се ретко користе — распоред фаворизује упарене одељке постављене један поред другог, а не мреже са више колона. Размак између одељака се креће од 48 до 64 пиксела. Навигација је фиксна горња трака од 64 пиксела са логотипом са леве стране, центрираним менијем и групом позива на акцију са десне стране.

Главни визуелни елемент су снимци екрана производа – једноставни модели корисничког интерфејса календара за резервације, приказани на оштрим белим картицама са широким, заобљеним угловима. Декоративни дизајн: свака картица производа је окружена меком тачком корално љубичасте (#e55cff) или азурно плаве (#0099ff) боје, благо померене и замућене, стварајући ефекат колажа, а не равни снимак екрана. Нема фотографија, нема слика животног стила – сви визуелни елементи представљају кориснички интерфејс производа, апстрактне акцентне облике или монохроматске логотипе партнера на траци поверења. Иконе су линеарне са ширином линије од 1,5–2 пиксела, монохроматске, у тамноплавој (Ink Navy) или плавој (Signal Blue) боји.

Чисти SaaS Минимализам Уредништво

https://calendly.com

Палета

Brend

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

Направите веб страницу у овом стилу

Слични стилови

Mollie — Кашмирски пулт, тамна главна књига. Оставите довољно белог простора за уреднички дизајн око црног текста, а затим појачајте поенте везане за производ топлим кремастим, еспресо смеђим нијансама и тактилним фотографијама стварних начина плаћања.
Kagi — Посебна читаоница. Направите отворени бели простор око смелог графитног текста, користећи суптилне љубичасте акценте и топле пастелне површине како бисте прекинули спокој.
Milanote — Миланоте је посвећени креативни студио. Креирајте странице у стилу уредничке галерије користећи плутајуће визуелне табле: зидове са тамним оквиром, бели простор за приказ и снимке екрана који изгледају као прави објекти са благом дубином.
Co2 — Климатски атлас у зимском светлу. Направите странице попут пејзажа докумената из ваздуха, где серифни наслови, подаци кодирани по категоријама и ледене слике истичу широке беле маргине.
GitButler — Тиркизна на крају текста. Комбинација висококонтрастних серифних наслова са суптилним техничким мрежама, топлим графитним површинама и дискретним тиркизним акцентом.
ElevenLabs — Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
Monad — уреднички технички часопис на топлом пергаменту
Dub — Линкова контролна табла од мат пиринчаног папира
Seline Analytics — Тихи аналитички сто на топлом папиру
Notion — Топла папирна свеска на подневном сунцу
Anthropic — Научни часопис о топлом пергаменту — мирне површине боје слоноваче, насечени уреднички наслови и један глинени акценат који се појављује само када је потребна акција.