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
- Mollie — Un taulell de caixmir, un llibre major fosc. Deixeu un ampli espai blanc per al disseny editorial al voltant del text negre i, a continuació, reforceu els punts relacionats amb el producte amb cremes càlides, cafès exprés i fotos tàctils de mètodes de pagament reals.
- Kagi — Una sala de lectura separada. Crea un espai blanc obert al voltant de text de grafit en negreta, utilitzant subtils detalls morats i superfícies pastel càlides per trencar la tranquil·litat.
- Milanote — Milanote és un estudi creatiu dedicat. Crea pàgines d'estil galeria editorial utilitzant taulers visuals flotants: parets emmarcades fosques, espai de visualització blanc i captures de pantalla que semblen objectes reals amb una profunditat suau.
- Co2 — Un atles climàtic a la llum d'hivern. Crea pàgines com un paisatge de documents aeris, on els encapçalaments amb serif, les dades codificades per categoria i les imatges gelades destaquen els amplis marges blancs.
- GitButler — Turquesa al final del text. Una combinació de titulars serif d'alt contrast amb quadrícules tècniques subtils, superfícies de grafit càlides i un discret accent turquesa.
- 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.