Calendly
Soyuq mərmər üzərində tünd mavi mürəkkəb
Calendly sakit və özünəinamlı bir planlaşdırma iş sahəsi kimi hiss olunur: nəfəs almaq üçün geniş yer olan demək olar ki, ağ rəngli bir kətan, sərin boz fonda üzən aydın ağ məhsul kartları və bütün tipoqrafiya təmiz qara deyil, tünd mavi mürəkkəblə işlənmişdir. Müəyyənedici element tünd mavi rəngdir (#0b3558), mətnin göründüyü hər yerdə - başlıqlar, düymələr, nişanlar, keçidlər - istifadə olunur ki, bu da bütün interfeysi yumşaldır və onu tipik SaaS açılış səhifəsindən daha isti və daha şık edir. Bütün əsas hərəkətlər üçün tək bir parlaq mavi (#006bff) istifadə olunur və məhsul düzülüşlərindən kənara çıxan dekorativ çəhrayı və mavi sıçrayışlar qarışıqlıq yaratmadan istilik əlavə edir. Komponentlər sadə saxlanılır: nazik 1px haşiyələr, incə mavi rəngli kölgələr, böyük 24px kart radiusları və 8px düymə küncləri sadə deyil, qəsdən görünür.
Maksimum eni 1200 piksel, mərkəzləşdirilmiş, masaüstündə geniş haşiyələrlə. Əsas ekran iki sütuna bölünür: sol sütunda 80 piksellik başlıq + əsas mətn + yığılmış giriş düymələri, sağ sütunda isə fonunda dekorativ elementləri olan sifariş vidjeti kartı var. Əsas ekranın altında Etibar loqosu olan tək, tam enli zolaq var. Sonrakı bölmələr mərkəzləşdirilmiş başlıq blokları (H2 + alt mətn + isteğe bağlı çağırış) arasında növbələşir, ardınca hər bir məhsul şəklinin arxasında dekorativ vurğu elementləri olan xüsusiyyətləri təsvir edən iki sütunlu bloklar (soldakı mətn/məhsul sağda və ya məhsuldakı soldakı mətn/sağdakı mətn) gəlir. Kart şəbəkələri nadir hallarda istifadə olunur - düzülüş çox sütunlu şəbəkələr əvəzinə yan-yana yerləşdirilmiş cütləşdirilmiş bölmələrə üstünlük verir. Bölmələr arasındakı məsafə 48 ilə 64 piksel arasında dəyişir. Naviqasiya solda loqotip, mərkəzləşdirilmiş menyu və sağda bir qrup çağırış olan 64 piksellik sabit üst paneldir.
Əsas vizual element məhsul ekran görüntüləridir — geniş, yuvarlaq küncləri olan aydın ağ kartlarda göstərilən sifariş təqvimi istifadəçi interfeysinin sadə maketləri. Dekorativ dizayn: hər bir məhsul kartı mərcan bənövşəyi (#e55cff) və ya göy mavi (#0099ff) rəngli yumşaq bir ləkə ilə əhatə olunmuşdur, bir az kənara qoyulmuş və bulanıqdır, düz ekran görüntüsü əvəzinə kollaj effekti yaradır. Fotoşəkil yoxdur, həyat tərzi şəkilləri yoxdur — bütün vizual elementlər məhsulun istifadəçi interfeysini, mücərrəd vurğu formalarını və ya etibar panelindəki monoxrom tərəfdaş loqotiplərini təmsil edir. İkonlar 1,5–2 piksel xətt eni ilə xətti, monoxrom, tünd mavi (Ink Navy) və ya mavi (Siqnal Mavisi) rəngdədir.
Palitra
Brend
- Ink Navy
#0b3558— Əsas mətn, başlıqlar, nişanlar, hərəkətə çağırışlar üçün tünd fon, naviqasiya linkləri. - Signal Blue
#006bff— Əsas çağırış (CTA), aktiv naviqasiya, link vurğusu, seçilmiş vəziyyətlər
Neytral
- Carbon
#0a0a0a— Təmiz qara rəngdə mətn (ehtiyat ehtiyat), loqo qlif, ikon doldurma. - Slate Gray
#476788— Əlavə əsas mətn, dəstəkləyici mətn, səssiz etiketlər. - Mist Gray
#a6bbd1— Deaktiv edilmiş mətn, qeyri-aktiv funksiya etiketləri, işıq işarəsi konturları - Cloud
#f8f9fb— Səhifə kətan, altbilgi arxa planı, əlavə səth - Paper
#ffffff— Kart səthləri, qaldırılmış panellər, tünd fonda düymə mətni. - Pebble
#f0f3f8— İkonlar, giriş sahəsinin kölgələndirilməsi, incə ayırıcılar, hover effektləri üçün fon şəkilləri.
Tipoqrafiya
12-dən 80 pikselə qədər · 10 addım
- Gilroy — əvəzetmə: Manrope · konturlar 400, 500, 600, 700 · Bütün interfeys mətni. Gilroy geniş diyaframlara və vahid vuruş kontrastına malik həndəsi humanist sans-serifdir; qalın çəkiləri (700) başlıqlar üçün, 500–600 isə düymələr və alt başlıqlar üçün istifadə olunur. Manrope və ya Inter ilə əvəz edin.
- Gilroy — əvəzetmə: Inter · konturlar 400 · Əsas mətn və ümumi təyinatlı UI etiketləri - 400 nöqtəli şrift qalınlığı uzun mətnlərin ağırlıq hiss etmədən oxunaqlı olmasını təmin edir.
- Gilroy — əvəzetmə: Inter · konturlar 500 · İkinci dərəcəli başlıqlar və vurğulanmış əsas mətn - 14/500 şrifti kart başlıqları və sətir içi etiketlər üçün əsas vasitədir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8-16px |
| Düymə radiusu | 8px |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 48-64px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Calendly üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- ElevenLabs — İsti krem tonlarında incə başlıqlarla yazılmış foto esse. Bauhaus üslubunda dəftər — yumurta qabığı rəngli kağız, qara mürəkkəb və məhsul nümayişi üçün tək bənövşəyi və narıncı vurğu.
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Monad — isti perqament üzərində redaksiya texniki jurnalı
- Dub — Link-in mat düyü kağızı idarəetmə paneli
- Seline Analytics — İsti kağız üzərində sakit analitik masa
- Notion — Günorta günəşində isti kağız dəftər
- Anthropic — İsti perqament haqqında elmi sahə jurnalı - sakit fil sümüyü səthləri, serif redaksiya başlıqları və yalnız hərəkətə ehtiyac olduqda görünən tək bir gil vurğu.
- Augen Pro — Apple-ın ağ təqdimatı monoxrom məkanda yeganə vurğu kimi klinik, çəkisiz, elektrik mavisinə malikdir.
- Antimetal — Kremli kağız üzərində redaksiya xronikası — elmi jurnalda sakit bir səhər, burada təmkin özünəinam ifadə edir və seriflər ağır işi yerinə yetirir
- Perk — İsti perqament kağızı üzərində elektrik əhəng
- Ditto — Günəş işığı altında vəhşi çiçək nümunələri yaradan emalatxana. İsti krem səthlər, canlı sarı əsas rəng, tünd tünd göy mürəkkəblər, əsərin arxasında çiçəklənən üzvi rəng formaları.
- Officevibe — İsti krem rəngli kağız üzərində redaksiya jurnalı. Müasir mavi interfeys vasitəsilə pıçıldayan kursiv serif şrift kimi təqdim olunan, məhsul kimi təqdim olunan, HR idarəetməsi haqqında düşünülmüş bir esse təsəvvür edin.