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
- Mollie — Kaxmirrezko mostradore bat, liburuxka ilun bat. Utzi leku zuri zabala testu beltzaren inguruan diseinu editorialerako, eta gero indartu produktuarekin lotutako puntuak krema beroekin, espresso marroiekin eta ordainketa-metodo errealen argazki ukigarriekin.
- Kagi — Irakurketa-gela bereizi bat. Sortu espazio zuri ireki bat grafitozko testu lodien inguruan, azentu more sotilak eta gainazal pastel epelak erabiliz lasaitasuna hausteko.
- Milanote — Milanote estudio sortzaile dedikatu bat da. Sortu galeria editorial estiloko orrialdeak taula bisual flotatzaileak erabiliz: marko ilunak dituzten hormak, pantaila-espazio zuria eta sakonera leuneko objektu errealen itxura duten pantaila-argazkiak.
- Co2 — Klima-atlas bat neguko argitan. Sortu orrialdeak aireko dokumentu-paisaia baten antzera, non serif goiburuek, kategoria-kodetutako datuek eta izotzezko irudiek ertz zuri zabalak nabarmentzen dituzten.
- GitButler — Turkesa testuaren amaieran. Kontraste handiko serif izenburuen konbinazioa, sare tekniko sotilekin, grafito gainazal beroekin eta turkesa azentu diskretu batekin.
- 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.