Calendly
Tinta urdin iluna marmol hotzean
Calendly plangintza-lanpostu lasai eta seguru baten antzekoa da: mihise ia zuria, arnasa hartzeko leku zabala duena, produktuen txartel zuri garbiak atzealde gris hotz baten gainean flotatzen, eta tipografia guztia tinta urdin ilun batean marraztua, beltz hutsaren ordez. Elementu nagusia urdin iluna da (#0b3558), testua agertzen den leku guztietan erabiltzen dena —izenburuak, botoiak, ikonoak, estekak—, interfaze osoa leuntzen duena, SaaS-eko ohiko lurreratze-orrialdea baino beroagoa eta dotoreagoa bihurtuz. Urdin distiratsu bakarra (#006bff) erabiltzen da ekintza nagusi guztietarako, eta produktuen diseinuetatik haratago doazen arrosa eta urdin koloreko zipriztin apaingarriek berotasuna gehitzen dute nahaspila sortu gabe. Osagaiak sotilak dira: 1px-ko ertz meheak, itzal urdin sotilak, 24px-ko txartelen erradio handiak eta 8px-ko botoien izkinak nahita ematen dute, aspergarriak baino.
Gehienezko zabalera 1200px, erdiratua, mahaigainean marjina zabalekin. Pantaila nagusia bi zutabetan banatuta dago: ezkerreko zutabeak 80px-ko goiburua + gorputz-testua + saioa hasteko botoiak ditu, eta eskuineko zutabeak, berriz, erreserba-widget txartel bat dauka, atzeko planoan elementu apaingarriak dituena. Pantaila nagusiaren azpian, Trust logotipoa duen zabalera osoko marra bakarra dago. Ondorengo ataletan erdiko goiburu-blokeak txandakatzen dira (H2 + azpitestua + ekintzarako dei aukerakoa), eta ondoren ezaugarriak deskribatzen dituzten bi zutabeko blokeak (testua ezkerrean/produktua eskuinean edo produktua ezkerrean/testua eskuinean) produktuaren irudi bakoitzaren atzean elementu apaingarriekin. Txartelen saretak gutxitan erabiltzen dira; diseinuak bikoteka jarritako atalak nahiago ditu, zutabe anitzeko sareten ordez. Atalen arteko tartea 48 eta 64px artekoa da. Nabigazioa 64px-ko goiko barra finko bat da, logotipoa ezkerrean, erdiratua den menu bat eta ekintzarako dei talde bat eskuinean.
Elementu bisual nagusia produktuen pantaila-argazkiak dira: erreserba-egutegiaren erabiltzaile-interfazearen maketa sinpleak, izkin biribildu eta zabalak dituzten txartel zuri garbietan irudikatuta. Diseinu apaingarria: produktu-txartel bakoitza koral more (#e55cff) edo urdin zerutiar (#0099ff) puntu leun batez inguratuta dago, apur bat desplazatuta eta lausotuta, collage efektua sortuz pantaila-argazki lau baten ordez. Ez argazkirik, ez bizimodu-irudirik: elementu bisual guztiek produktuaren erabiltzaile-interfazea, azentu-forma abstraktuak edo konfiantza-barran dauden bazkideen logotipo monokromoak irudikatzen dituzte. Ikonoak linealak dira, 1,5-2 px-ko lerro-zabalerarekin, monokromoak, urdin ilun (Ink Navy) edo urdin (Signal Blue).
Paleta
Marka
- Ink Navy
#0b3558— Testu nagusia, goiburuak, ikonoak, ekintzarako deietarako atzeko plano iluna, nabigazio estekak. - Signal Blue
#006bff— Ekintzarako dei nagusia (CTA), nabigazio aktiboa, estekaren enfasia, hautatutako egoerak
Neutroa
- Carbon
#0a0a0a— Testua beltz hutsean (ordezkoa), logotipoaren glifoa, ikonoaren betegarria. - Slate Gray
#476788— Testu nagusi gehigarria, testu osagarria, etiketa isilduak. - Mist Gray
#a6bbd1— Desgaitutako testua, funtzio inaktiboen etiketak, argi-ikonoen eskemak - Cloud
#f8f9fb— Orrialdearen mihisea, oin-orriko atzeko planoa, gainazal gehigarria - Paper
#ffffff— Txartelen gainazalak, panel altxatuak, botoien testua atzealde ilun batean. - Pebble
#f0f3f8— Ikonoen atzeko planoaren irudiak, sarrera-eremuaren itzaldura, bereizle sotilak, gainetik pasatzearen efektuak.
Tipografia
12tik 80px-ra · 10 urrats
- Gilroy — ordezkapena: Manrope · eskemak 400, 500, 600, 700 · Interfazearen testu guztia. Gilroy humanista geometriko eta humanista sans-serif bat da, irekidura zabalekin eta trazu-kontraste uniformearekin; bere pisu lodiak (700) izenburuetarako erabiltzen dira, eta 500–600 botoi eta azpitituluetarako. Ordezkatu Manrope edo Inter-rekin.
- Gilroy — ordezkapena: Inter · eskemak 400 · Gorputz-testua eta erabilera orokorreko UI etiketak - 400 puntuko letra-lodierak testu luzeak irakurgarriak direla ziurtatzen du, pisutsuak iruditu gabe.
- Gilroy — ordezkapena: Inter · eskemak 500 · Bigarren mailako goiburuak eta nabarmendutako gorputz-testua - 14/500 letra-tipoa da txartelen goiburuetarako eta lerroko etiketetarako tresna nagusia.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8-16px |
| Botoiaren erradioa | 8px |
| Txartelaren erradioa | 24px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 48-64px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Calendly estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- ElevenLabs — Krema koloreko tonu beroetako argazki-saiakera, izenburu sotilekin. Bauhaus estiloko koadernoa: arrautza-oskolaren koloreko papera, tinta beltza eta produktua erakusteko more eta laranja koloreko azentu bakarra.
- Awesomic — Konfetiaren antzeko puntuazio-markak laranja koloreko zink sare editoriala
- Monad — pergamino beroan argitaratutako aldizkari tekniko editoriala
- Dub — Link-en arroz-paper matearen kontrol-panela
- Seline Analytics — Paper epelaren gaineko taula analitiko lasaia
- Notion — Eguerdiko eguzkitan paperezko koaderno epel bat
- Anthropic — Pergamino epelaren gaineko aldizkari zientifikoa: boli koloreko gainazal lasaiak, serifadun editorial-izenburuak eta ekintza beharrezkoa denean bakarrik agertzen den buztinezko azentu bakarra.
- Augen Pro — Appleren aurkezpen zuriak urdin elektriko, kliniko eta arin bat du azentu bakar gisa espazio monokromo batean.
- Antimetal — Krema koloreko paperean argitaratutako kronika editoriala —goiz lasai bat aldizkari zientifiko batean, non neurritasunak konfiantza ematen duen eta serifek lan astuna egiten duten
- Perk — Limoi elektrikoa pergamino-paper epelaren gainean
- Ditto — Eguzki argitan dagoen tailer bat lore basatien laginak sortzen. Krema koloreko gainazal epelak, oinarrizko kolore hori bizia, itsas urdin ilunaren tintak, piezaren atzean loratzen diren kolore organikoen formak.
- Officevibe — Krema koloreko paper epel batean argitaratutako aldizkari editorial bat. Imajinatu Giza Baliabideen kudeaketari buruzko saiakera hausnarkor bat, produktu gisa aurkeztua: interfaze urdin moderno batetik xuxurlatzen den letra-tipo etzana.