Calendly
Tinta blava fosca sobre marbre fred
Calendly sembla un espai de treball de planificació tranquil i segur: un llenç gairebé blanc amb molt d'espai per respirar, targetes de producte blanques i nítides flotant sobre un fons gris fred i tota la tipografia representada en tinta blau fosc en lloc de negre pur. L'element definidor és el color blau fosc (#0b3558), que s'utilitza a tot arreu on apareix text (títols, botons, icones, enllaços), cosa que suavitza tota la interfície, fent-la més càlida i elegant que la típica pàgina de destinació SaaS. S'utilitza un únic blau brillant (#006bff) per a totes les accions principals, i les esquitxades decoratives de color rosa i blau que s'estenen més enllà dels dissenys de productes afegeixen calidesa sense crear desordre. Els components es mantenen discrets: vores primes d'1 px, ombres subtils de color blau, radis de targeta grans de 24 px i cantonades de botons de 8 px semblen deliberades en lloc d'insípides.
Amplada màxima de 1200 px, centrada, amb marges amples a l'escriptori. La pantalla principal està dividida en dues columnes: la columna esquerra conté una capçalera de 80 px + text del cos + botons d'inici de sessió apilats, mentre que la columna dreta conté una targeta de widget de reserves amb elements decoratius al fons. A sota de la pantalla principal hi ha una sola franja d'amplada completa amb el logotip de Trust. Les seccions posteriors alternen entre blocs de capçalera centrats (H2 + subtext + crida a l'acció opcional), seguits de blocs de dues columnes que descriuen característiques (text esquerra/producte dreta o producte esquerra/text dreta) amb elements decoratius d'accent darrere de cada imatge del producte. Les quadrícules de targetes s'utilitzen rarament: el disseny afavoreix les seccions aparellades col·locades una al costat de l'altra en lloc de quadrícules de diverses columnes. L'espaiat entre les seccions oscil·la entre 48 i 64 px. La navegació és una barra superior fixa de 64 px amb el logotip a l'esquerra, un menú centrat i un grup de crides a l'acció a la dreta.
L'element visual principal són les captures de pantalla del producte: maquetes senzilles de la interfície d'usuari del calendari de reserves, representades en targetes blanques nítides amb cantonades amples i arrodonides. Disseny decoratiu: cada targeta de producte està envoltada per una taca suau de color porpra corall (#e55cff) o blau atzur (#0099ff), lleugerament desplaçada i borrosa, creant un efecte de collage en lloc d'una captura de pantalla plana. Sense fotografies, sense imatges d'estil de vida: tots els elements visuals representen la interfície d'usuari del producte, formes d'accent abstractes o logotips monocroms de socis a la barra de confiança. Les icones són lineals amb una amplada de línia d'1,5 a 2 px, monocromes, en blau fosc (marí tinta) o blau (blau senyal).
Paleta
Marca
- Ink Navy
#0b3558— Text principal, encapçalaments, icones, fons fosc per a crides a l'acció, enllaços de navegació. - Signal Blue
#006bff— Crida a l'acció principal (CTA), navegació activa, èmfasi d'enllaç, estats seleccionats
Neutral
- Carbon
#0a0a0a— Text en negre pur (alternativa), glif del logotip, icona d'emplenament. - Slate Gray
#476788— Text principal addicional, text de suport, etiquetes silenciades. - Mist Gray
#a6bbd1— Text desactivat, etiquetes de funcions inactives, contorns d'icones de llum - Cloud
#f8f9fb— Llenç de pàgina, fons de peu de pàgina, superfície addicional - Paper
#ffffff— Superfícies de targetes, panells en relleu, text de botons sobre un fons fosc. - Pebble
#f0f3f8— Imatges de fons per a icones, ombrejat de camp d'entrada, separadors subtils, efectes de pas del cursor.
Tipografia
de 12 a 80 px · 10 passos
- Gilroy — reemplaçament: Manrope · esquemes 400, 500, 600, 700 · Tot el text de la interfície. Gilroy és una sans-serif humanista geomètrica amb obertures amples i un contrast uniforme de traç; els seus pesos en negreta (700) s'utilitzen per als encapçalaments, mentre que els pesos de 500 a 600 s'utilitzen per als botons i subtítols. Substitueix-la per Manrope o Inter.
- Gilroy — reemplaçament: Inter · esquemes 400 · Text del cos i etiquetes d'IU d'ús general: el gruix de la lletra de 400 punts garanteix que els textos llargs siguin llegibles sense que semblin pesats.
- Gilroy — reemplaçament: Inter · esquemes 500 · Encapçalaments secundaris i text del cos ressaltat: la font 14/500 és l'eina principal per als encapçalaments de les targetes i les etiquetes en línia.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8-16px |
| Radi del botó | 8px |
| Radi de la targeta | 24px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 48-64px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Calendly i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- ElevenLabs — Un assaig fotogràfic en tons crema càlids amb titulars subtils. Un quadern d'estil Bauhaus: paper color closca d'ou, tinta negra i un únic detall morat i taronja per a la presentació del producte.
- Awesomic — Malla de zinc editorial amb signes de puntuació taronges que recorden confeti
- Monad — revista tècnica editorial en pergamí calent
- Dub — Tauler de control de paper d'arròs mat de Link
- Seline Analytics — Una taula analítica silenciosa sobre paper calent
- Notion — Un quadern de paper calent al sol del migdia
- Anthropic — Una revista científica de camp sobre vitel·la càlida: superfícies d'ivori tranquil·les, encapçalaments editorials amb serigrafia i un únic accent d'argila que només apareix quan cal actuar.
- Augen Pro — La presentació blanca d'Apple presenta un blau elèctric clínic, ingràvid i com a únic accent en un espai monocrom.
- Antimetal — Una crònica editorial en paper crema: un matí tranquil en una revista científica, on la contenció transmet confiança i les serifes fan la feina més pesada.
- Perk — Llima elèctrica sobre paper de forn calent
- Ditto — Un taller assolellat creant mostres de flors silvestres. Superfícies crema càlides, un color base groc vibrant, tintes blau marí intens, formes de color orgàniques que floreixen darrere la peça.
- Officevibe — Una revista editorial en paper de color crema càlid. Imagineu-vos un assaig reflexiu sobre la gestió de recursos humans, presentat com un producte: una font cursiva serif que xiuxiueja a través d'una interfície blava moderna.