Calendly
Malhelblua inko sur malvarma marmoro
Calendly sentas kiel trankvila, memfida planadspaco: preskaŭ blanka kanvaso kun multe da spirspaco, krispaj blankaj produktaj kartoj flosantaj kontraŭ malvarmeta griza fono, kaj ĉiu tipografio bildigita per malhelblua inko anstataŭ pura nigra. La difina elemento estas la malhelblua koloro (#0b3558), uzata ĉie, kie aperas teksto - titoloj, butonoj, ikonoj, ligiloj - kiu moligas la tutan interfacon, igante ĝin pli varma kaj pli ŝika ol la tipa SaaS-alvenpaĝo. Ununura hela bluo (#006bff) estas uzata por ĉiuj primaraj agoj, kaj dekoraciaj rozkoloraj kaj bluaj ŝpruceroj etendiĝantaj preter la produktaj enpaĝigoj aldonas varmecon sen krei kaoson. Komponantoj estas tenataj modestaj: maldikaj 1-pikselaj randoj, subtilaj blu-nuancitaj ombroj, grandaj 24-pikselaj kartradiusoj, kaj 8-pikselaj butonanguloj sentas sin konsciaj prefere ol banalaj.
Maksimuma larĝo 1200 rastrumeroj, centrita, kun larĝaj marĝenoj sur la labortablo. La ĉefa ekrano estas dividita en du kolumnojn: la maldekstra kolumno enhavas 80 rastrumeron de la titolo + korpoteksto + staplitajn ensalutajn butonojn, dum la dekstra kolumno enhavas karton por rezervada fenestraĵo kun ornamaj elementoj en la fono. Sub la ĉefa ekrano estas ununura, plenlarĝa strio kun la emblemo de Trust. Postaj sekcioj alternas inter centritaj titolaj blokoj (H2 + subteksto + laŭvola alvoko al ago), sekvataj de dukolumnaj blokoj priskribantaj funkciojn (teksto maldekstre/produkto dekstre aŭ produkto maldekstre/teksto dekstre) kun ornamaj akcentaj elementoj malantaŭ ĉiu produkta bildo. Kartokradoj malofte estas uzataj - la aranĝo preferas parigitajn sekciojn metitajn flank-al-flanke anstataŭ plurkolumnaj kradoj. La interspaco inter sekcioj varias de 48 ĝis 64 rastrumeroj. La navigado estas 64 rastrumera fiksa supra stango kun la emblemo maldekstre, centrita menuo kaj grupo de alvokoj al ago dekstre.
La ĉefa vida elemento estas produktaj ekranfotoj — simplaj modeloj de la uzantinterfaco de la rezervkalendaro, bildigitaj sur klaraj blankaj kartoj kun larĝaj, rondetaj anguloj. Dekoracia dezajno: ĉiun produktan karton ĉirkaŭas mola makulo de korala purpuro (#e55cff) aŭ lazurblua (#0099ff), iomete ŝovita kaj malklara, kreante kolaĝan efikon anstataŭ plata ekranfoto. Neniuj fotoj, neniuj vivstilbildoj — ĉiuj vidaj elementoj reprezentas la produktan uzantinterfacon, abstraktajn akcentformojn aŭ monokromajn partnerajn logotipojn sur la fidobreto. Ikonoj estas liniaj kun linilarĝo de 1,5–2 rastrumeroj, monokromataj, en malhelblua (Ink Navy) aŭ blua (Signal Blue).
Paletro
Marko
- Ink Navy
#0b3558— Ĉefa teksto, titoloj, ikonoj, malhela fono por alvokoj al ago, navigaciaj ligiloj. - Signal Blue
#006bff— Primara alvoko al ago (AGO), aktiva navigado, ligilemfazo, elektitaj statoj
Neŭtrala
- Carbon
#0a0a0a— Teksto en pura nigra (rezerva), emblema ideogramo, ikonoplenigo. - Slate Gray
#476788— Plia ĉefa teksto, subtena teksto, silentigitaj etikedoj. - Mist Gray
#a6bbd1— Malŝaltita teksto, neaktivaj funkciaj etikedoj, konturoj de lumaj ikonoj - Cloud
#f8f9fb— Paĝkanvaso, piednoto-fono, ekstra surfaco - Paper
#ffffff— Kartsurfacoj, ŝvelintaj paneloj, butonteksto sur malhela fono. - Pebble
#f0f3f8— Fonaj bildoj por ikonoj, ombrado de enigokampoj, subtilaj apartigiloj, ŝvebaj efikoj.
Tipografio
de 12 ĝis 80 rastrumeroj · 10 paŝoj
- Gilroy — anstataŭaĵo: Manrope · konturoj 400, 500, 600, 700 · Ĉiu interfaca teksto. Gilroy estas geometria humanisma sanserifo kun larĝaj aperturoj kaj unuforma kontrasto de la strekoj; ĝiaj grasaj pezoj (700) estas uzataj por titoloj, dum 500–600 estas uzataj por butonoj kaj subtitoloj. Anstataŭigu per Manrope aŭ Inter.
- Gilroy — anstataŭaĵo: Inter · konturoj 400 · Korpoteksto kaj ĝeneraluzeblaj uzantinterfacaj etikedoj - 400-punkta tipara pezo certigas, ke longaj tekstoj estas legeblaj sen sentiĝi pezaj.
- Gilroy — anstataŭaĵo: Inter · konturoj 500 · Duarangaj titoloj kaj reliefigita korpteksto - 14/500 tiparo estas la ĉefa ilo por karttitoloj kaj enliniaj etikedoj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8-16px |
| Butona radiuso | 8px |
| Karto-radiuso | 24px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 48-64px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Calendly kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- ElevenLabs — Fotoeseo en varmaj kremkoloraj tonoj kun subtilaj titoloj. Notlibro en la stilo de Bauhaus — ovoŝelkolora papero, nigra inko, kaj ununura viola kaj oranĝa akcento por montri la produkton.
- Awesomic — Redakcia zinka reto kun oranĝaj interpunkciaj signoj rememorigaj pri konfetoj
- Monad — redakcia teknika revuo sur varma pergameno
- Dub — La kontrolpanelo de Link, la senbrila rizpapero
- Seline Analytics — Trankvila analiza tablo sur varma papero
- Notion — Varma papera kajero en la tagmeza suno
- Anthropic — Scienca kampa revuo sur varma pergamentpapero — trankvilaj eburaj surfacoj, serifaj ĉefartikoltitoloj, kaj ununura argila akcento kiu aperas nur kiam agado estas necesa.
- Augen Pro — La blanka prezento de Apple havas klinikan, senpezan, elektran bluon kiel la solan akĉenton en monokroma spaco.
- Antimetal — Redakcia kroniko sur kremkolora papero — trankvila mateno ĉe scienca revuo, kie sinregado transdonas fidon kaj serifoj faras la pezan laboron
- Perk — Elektra kalko sur varma pergamentpapero
- Ditto — Sunlumita laborejo kreante specimenojn de sovaĝfloroj. Varmaj kremkoloraj surfacoj, vigla flava bazkoloro, profundaj marbluaj inkoj, organikaj kolorformoj florantaj malantaŭ la peco.
- Officevibe — Redakcia revuo sur varma kremkolora papero. Imagu pripenseman eseon pri dungitaro-administrado, prezentitan kiel produkton — kursiva serifa tiparo flustranta tra moderna blua interfaco.