Calendly
Tumši zila tinte uz auksta marmora
Calendly šķiet mierīga un pārliecināta plānošanas darba vieta: gandrīz balts audekls ar daudz vietas elpošanai, asas, baltas produktu kartītes uz vēsi pelēka fona un visa tipogrāfija, kas atveidota tumši zilā tintē, nevis tīri melnā krāsā. Raksturīgais elements ir tumši zilā krāsa (#0b3558), kas tiek izmantota visur, kur parādās teksts — virsrakstos, pogās, ikonās, saitēs —, kas mīkstina visu saskarni, padarot to siltāku un stilīgāku nekā tipiskā SaaS mērķlapa. Visām galvenajām darbībām tiek izmantota viena spilgti zila krāsa (#006bff), un dekoratīvi rozā un zili šļakatu elementi, kas sniedzas ārpus produktu izkārtojumiem, piešķir siltumu, neradot jucekli. Komponenti ir saglabāti neuzkrītoši: plānas 1px apmales, smalkas zilas ēnas, lieli 24px karšu rādiusi un 8px pogu stūri šķiet apzināti, nevis blāvi.
Maksimālais platums 1200 pikseļi, centrēts, ar platām malām darbvirsmas versijā. Galvenais ekrāns ir sadalīts divās kolonnās: kreisajā kolonnā ir 80 pikseļu galvene + pamatteksts + sakrautas pieteikšanās pogas, bet labajā kolonnā ir rezervēšanas logrīka karte ar dekoratīviem elementiem fonā. Zem galvenā ekrāna ir viena pilna platuma josla ar Trust logotipu. Nākamās sadaļas mijas ar centrētiem galvenes blokiem (H2 + apakšteksts + papildu aicinājums uz darbību), kam seko divu kolonnu bloki, kas apraksta funkcijas (teksts pa kreisi/produkts pa labi vai produkts pa kreisi/teksts pa labi), ar dekoratīviem akcenta elementiem aiz katra produkta attēla. Karšu režģi tiek izmantoti reti — izkārtojums dod priekšroku pāru sadaļām, kas novietotas blakus, nevis vairāku kolonnu režģiem. Atstatums starp sadaļām svārstās no 48 līdz 64 pikseļiem. Navigācija ir 64 pikseļu fiksēta augšējā josla ar logotipu kreisajā pusē, centrētu izvēlni un aicinājumu uz darbību grupu labajā pusē.
Galvenais vizuālais elements ir produktu ekrānuzņēmumi — vienkārši rezervēšanas kalendāra lietotāja saskarnes maketi, kas atveidoti uz kraukšķīgi baltām kartītēm ar platiem, noapaļotiem stūriem. Dekoratīvs dizains: katru produkta karti ieskauj maigs koraļļu violetas krāsas (#e55cff) vai debeszilas krāsas (#0099ff) plankums, kas ir nedaudz nobīdīts un izplūdis, radot kolāžas efektu, nevis plakanu ekrānuzņēmumu. Nav fotogrāfiju, nav dzīvesstila attēlu — visi vizuālie elementi attēlo produkta lietotāja saskarni, abstraktas akcentu formas vai vienkrāsainus partneru logotipus uzticamības joslā. Ikonas ir lineāras ar līnijas platumu 1,5–2 pikseļi, vienkrāsainas, tumši zilā (tintes zila) vai zilā (signālzila) krāsā.
Palete
Zīmols
- Ink Navy
#0b3558— Galvenais teksts, virsraksti, ikonas, tumšs fons aicinājumiem uz darbību, navigācijas saites. - Signal Blue
#006bff— Primārais aicinājums uz darbību (CTA), aktīva navigācija, saites uzsvars, atlasītie stāvokļi
Neitrāls
- Carbon
#0a0a0a— Teksts tīrā melnā krāsā (rezerves variants), logotipa glifs, ikonu aizpildījums. - Slate Gray
#476788— Papildu galvenais teksts, atbalsta teksts, slēptas etiķetes. - Mist Gray
#a6bbd1— Atspējots teksts, neaktīvo funkciju apzīmējumi, gaišas ikonu kontūras - Cloud
#f8f9fb— Lapas audekls, kājenes fons, papildu virsma - Paper
#ffffff— Kartīšu virsmas, pacelti paneļi, pogu teksts uz tumša fona. - Pebble
#f0f3f8— Fona attēli ikonām, ievades lauka ēnojums, smalki atdalītāji, kursora efekti.
Tipogrāfija
no 12 līdz 80 pikseļiem · 10 soļi
- Gilroy — nomaiņa: Manrope · kontūras 400, 500, 600, 700 · Viss saskarnes teksts. Gilroy ir ģeometrisks humānists bez serifiem ar platām atverēm un vienmērīgu kontūru kontrastu; tā treknraksta biezums (700) tiek izmantots virsrakstiem, bet 500–600 — pogām un apakšvirsrakstiem. Aizstājiet ar Manrope vai Inter.
- Gilroy — nomaiņa: Inter · kontūras 400 · Pamatteksts un vispārējas nozīmes lietotāja interfeisa etiķetes — 400 punktu fonta biezums nodrošina, ka gari teksti ir salasāmi, neradot smagnēju sajūtu.
- Gilroy — nomaiņa: Inter · kontūras 500 · Otrie virsraksti un iezīmēts pamatteksts — 14/500 fonts ir galvenais rīks karšu virsrakstiem un iekļautajām etiķetēm.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-16px |
| Pogas rādiuss | 8px |
| Kartes rādiuss | 24px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 48-64px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Calendly stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- ElevenLabs — Foto eseja siltos krēmkrāsas toņos ar neuzkrītošiem virsrakstiem. Bauhaus stila piezīmju grāmatiņa — olu čaumalas krāsas papīrs, melna tinte un viens violets un oranžs akcents produktu izvietošanai.
- Awesomic — Redakcijas cinka siets ar oranžām pieturzīmēm, kas atgādina konfeti
- Monad — redakcijas tehniskais žurnāls uz silta pergamenta
- Dub — Link matēta rīspapīra vadības panelis
- Seline Analytics — Kluss analītisks galds uz silta papīra
- Notion — Silta papīra piezīmju grāmatiņa pusdienas saulē
- Anthropic — Zinātnisks lauka žurnāls uz silta pergamenta — mierīgas ziloņkaula virsmas, serifi raksta virsraksti un viens māla akcents, kas parādās tikai tad, kad nepieciešama rīcība.
- Augen Pro — Apple baltajā prezentācijā vienkrāsainā telpā kā vienīgais akcents ir klīnisks, viegls, elektriski zils tonis.
- Antimetal — Redakcijas hronika uz krēmkrāsas papīra — kluss rīts zinātniskā žurnālā, kur atturība pauž pārliecību un serifi veic smago darbu.
- Perk — Elektriskais laims uz silta pergamenta papīra
- Ditto — Saules apspīdēta darbnīca, kurā tiek radīti savvaļas ziedu paraugi. Silti krēmkrāsas virsmas, spilgti dzeltena pamatkrāsa, dziļi tumši zilas tintes, organiskas krāsu formas, kas plaukst aiz darba.
- Officevibe — Redakcijas žurnāls uz silta krēmkrāsas papīra. Iedomājieties pārdomātu eseju par personāla vadību, kas pasniegta kā produkts — kursīvs ar serif fontu, kas čukst cauri modernai zilai saskarnei.