Calendly
Lank ble fonse sou mab frèt
Calendly santi l tankou yon espas travay planifikasyon kalm e konfidan: yon twal prèske blan ak anpil espas pou respire, kat pwodwi blan byen klè k ap flote sou yon background gri fre, ak tout tipografi ki rann nan yon lank ble fonse olye de nwa pi. Eleman ki defini l se koulè ble fonse a (#0b3558), ki itilize tout kote tèks parèt—tit, bouton, ikòn, lyen—ki adousi tout koòdone a, sa ki fè l pi cho e pi élégan pase yon paj aterisaj SaaS tipik. Yo itilize yon sèl ble klere (#006bff) pou tout aksyon prensipal yo, epi tach dekoratif woz ak ble ki depase layout pwodwi yo ajoute chalè san yo pa kreye dezòd. Konpozan yo rete senp: fwontyè mens 1px, lonbraj ble sibtil, gwo reyon kat 24px, ak kwen bouton 8px yo santi yo fèt espre olye ke san gou.
Lajè maksimòm 1200px, santre, ak maj laj sou òdinatè a. Ekran prensipal la divize an de kolòn: kolòn gòch la gen yon antet 80px + tèks kò + bouton koneksyon anpile, pandan kolòn dwat la gen yon kat widjèt anrjistreman ak eleman dekoratif nan background nan. Anba ekran prensipal la gen yon sèl bann plen lajè ak logo Trust la. Seksyon ki vin apre yo altène ant blòk antet santre (H2 + sou-tèks + apèl a aksyon opsyonèl), ki te swiv pa blòk de kolòn ki dekri karakteristik (tèks agoch/pwodwi adwat oswa pwodwi agoch/tèks adwat) ak eleman dekoratif dèyè chak imaj pwodwi. Griy kat yo raman itilize—layout la favorize seksyon pè ki mete kòt a kòt olye de griy plizyè kolòn. Espas ki genyen ant seksyon yo varye ant 48 a 64px. Navigasyon an se yon ba anlè fiks 64px ak logo la sou bò gòch la, yon meni santre, ak yon gwoup apèl a aksyon sou bò dwat la.
Eleman vizyèl prensipal la se ekran pwodwi yo—yon senp maket koòdone itilizatè kalandriye rezèvasyon an, ki parèt sou kat blan byen klè ak kwen laj ak awondi. Design dekoratif: chak kat pwodwi antoure pa yon tach mou koulè mov koray (#e55cff) oswa ble ble (#0099ff), yon ti kras décalé ak flou, sa ki kreye yon efè kolaj olye de yon ekran plat. Pa gen foto, pa gen imaj fòm vi—tout eleman vizyèl yo reprezante koòdone itilizatè pwodwi a, fòm aksan abstrè, oswa logo patnè monokrom sou ba konfyans lan. Ikòn yo lineyè ak yon lajè liy 1.5–2px, monokrom, an ble fonse (Ink Navy) oswa ble (Signal Blue).
Palèt
Mak
- Ink Navy
#0b3558— Tèks prensipal, tit, ikòn, background nwa pou apèl a aksyon, lyen navigasyon. - Signal Blue
#006bff— Apèl prensipal pou aksyon (CTA), navigasyon aktif, anfaz sou lyen, eta chwazi yo
Netral
- Carbon
#0a0a0a— Tèks an nwa pi (ranplasman), glif logo, ranpli ikòn. - Slate Gray
#476788— Tèks prensipal adisyonèl, tèks sipò, etikèt ki pa sonnen. - Mist Gray
#a6bbd1— Tèks enfim, etikèt fonksyon inaktif, kontou ikòn limyè - Cloud
#f8f9fb— Kanva paj, background pye paj, sifas siplemantè - Paper
#ffffff— Sifas kat, panno an relief, tèks bouton sou yon fon nwa. - Pebble
#f0f3f8— Imaj background pou ikòn, lonbraj chan pou antre, separateur sibtil, efè survol.
Tipografi
soti nan 12 pou rive nan 80px · 10 etap
- Gilroy — ranplasman: Manrope · plan 400, 500, 600, 700 · Tout tèks entèfas la. Gilroy se yon sans-serif imanis jewometrik ak ouvèti laj ak kontras inifòm nan tras yo; pwa fonse li yo (700) yo itilize pou tit yo, pandan ke 500–600 yo itilize pou bouton ak soutit yo. Ranplase ak Manrope oswa Inter.
- Gilroy — ranplasman: Inter · plan 400 · Tèks kò a ak etikèt koòdone itilizatè jeneral - epesè karaktè 400 pwen asire tèks long yo lizib san yo pa santi yo lou.
- Gilroy — ranplasman: Inter · plan 500 · Tit segondè ak tèks kò make - Polis 14/500 se zouti prensipal la pou tit kat ak etikèt anliy.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8-16px |
| Reyon bouton | 8px |
| Reyon kat | 24px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 48-64px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Calendly epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- ElevenLabs — Yon redaksyon foto nan ton krèm cho ak tit sibtil. Yon kaye style Bauhaus—papye koulè kokiy ze, lank nwa, ak yon sèl aksan mov ak zoranj pou montre pwodwi a.
- Awesomic — May zenk editoryal ak mak ponktiyasyon zoranj ki fè moun panse ak konfeti
- Monad — jounal teknik editoryal sou parchemin cho
- Dub — Panèl kontwòl papye diri mat Link la
- Seline Analytics — Yon tab analiz trankil sou papye cho
- Notion — Yon kaye papye cho nan solèy midi a
- Anthropic — Yon jounal syantifik sou velòm cho—sifas ivwa kalm, tit editoryal ak serife, ak yon sèl aksan ajil ki parèt sèlman lè gen yon aksyon ki nesesè.
- Augen Pro — Prezantasyon blan Apple la prezante yon ble elektrik, klinik, lejè kòm sèl aksan nan yon espas monokrom.
- Antimetal — Yon kwonik editoryal sou papye krèm—yon maten trankil nan yon jounal syantifik, kote kontrent transmèt konfyans epi serif yo fè travay di a.
- Perk — Lacho elektrik sou papye parchemin cho
- Ditto — Yon atelye anba solèy k ap kreye echantiyon flè sovaj. Sifas krèm cho, yon koulè baz jòn vibran, lank ble maren fonse, fòm koulè òganik k ap fleri dèyè pyès la.
- Officevibe — Yon magazin editoryal sou papye koulè krèm cho. Imajine yon redaksyon byen reflechi sou jesyon resous imèn, prezante kòm yon pwodwi—yon polis serif kousif k ap chuichui nan yon koòdone ble modèn.