Calendly
Тамноплаво мастило на хладном мермеру
Calendly делује као мирно, самоуверено радно место за планирање: скоро бело платно са пуно простора за дисање, оштре беле картице производа које лебде на хладној сивој позадини, а сва типографија је приказана тамноплавом бојом уместо чисто црном. Кључни елемент је тамноплава боја (#0b3558), која се користи свуда где се појављује текст – наслови, дугмад, иконе, линкови – што омекшава цео интерфејс, чинећи га топлијим и стилскијим од типичне SaaS одредишне странице. Једна јарко плава (#006bff) се користи за све примарне радње, а декоративни ружичасти и плави детаљи који се протежу изван распореда производа додају топлину без стварања нереда. Компоненте су ненаметљиве: танке ивице од 1px, суптилне плаво обојене сенке, велики радијуси картица од 24px и углови дугмади од 8px делују намерно, а не безизражајно.
Максимална ширина 1200 пиксела, центрирано, са широким маргинама на радној површини. Главни екран је подељен у две колоне: лева колона садржи заглавље од 80 пиксела + текст тела + наслагана дугмад за пријаву, док десна колона садржи картицу виџета за резервацију са декоративним елементима у позадини. Испод главног екрана налази се једна трака пуне ширине са логотипом Труста. Накнадни одељци се смењују између центрираних блокова заглавља (H2 + подтекст + опциони позив на акцију), након чега следе блокови са две колоне који описују карактеристике (текст лево/производ десно или производ лево/текст десно) са декоративним акцентним елементима иза сваке слике производа. Мреже картица се ретко користе — распоред фаворизује упарене одељке постављене један поред другог, а не мреже са више колона. Размак између одељака се креће од 48 до 64 пиксела. Навигација је фиксна горња трака од 64 пиксела са логотипом са леве стране, центрираним менијем и групом позива на акцију са десне стране.
Главни визуелни елемент су снимци екрана производа – једноставни модели корисничког интерфејса календара за резервације, приказани на оштрим белим картицама са широким, заобљеним угловима. Декоративни дизајн: свака картица производа је окружена меком тачком корално љубичасте (#e55cff) или азурно плаве (#0099ff) боје, благо померене и замућене, стварајући ефекат колажа, а не равни снимак екрана. Нема фотографија, нема слика животног стила – сви визуелни елементи представљају кориснички интерфејс производа, апстрактне акцентне облике или монохроматске логотипе партнера на траци поверења. Иконе су линеарне са ширином линије од 1,5–2 пиксела, монохроматске, у тамноплавој (Ink Navy) или плавој (Signal Blue) боји.
Палета
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 оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- ElevenLabs — Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
- Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
- Monad — уреднички технички часопис на топлом пергаменту
- Dub — Линкова контролна табла од мат пиринчаног папира
- Seline Analytics — Тихи аналитички сто на топлом папиру
- Notion — Топла папирна свеска на подневном сунцу
- Anthropic — Научни часопис о топлом пергаменту — мирне површине боје слоноваче, насечени уреднички наслови и један глинени акценат који се појављује само када је потребна акција.
- Augen Pro — Еплова бела презентација садржи клиничку, бестежинску, електрично плаву боју као једини акценат у монохроматском простору.
- Antimetal — Уредничка хроника на кремастом папиру – тихо јутро у научном часопису, где уздржаност преноси самопоуздање, а серифи обављају тешки посао
- Perk — Електрични лимет на топлом пергамент папиру
- Ditto — Сунцем обасјана радионица у којој се стварају узорци дивљег цвећа. Топле кремасте површине, јарко жута основна боја, дубоко тамноплаве боје, органски облици боја који цветају иза дела.
- Officevibe — Уреднички часопис на топлом кремастом папиру. Замислите промишљен есеј о управљању људским ресурсима, представљен као производ - курзивни серифни фонт који шапуће кроз модерни плави интерфејс.