Mécène Ebooks
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Jost', 'Helvetica Neue', sans-serif; background: #f7f5f1; color: #1a1613; } @keyframe s heartbeat { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: .75; } } @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .mdc-heart { animation: heartbeat 1.4s ease-in-out infinite; display: inline-block; color: #9f917a; } .wrap { max-width: 860px; margin: 0 auto; border-radius: 12px; overflow: hidden; background: #f7f5f1; } .serif { font-family: 'Cormorant Garamond', Georgia, serif; } .label { font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: #9f917a; } /* SEP */ .sep { display: flex; align-items: center; gap: 12px; margin: 0 32px; } .sep-line { flex: 1; height: .5px; background: #c4b49e; } .sep-star { font-size: 11px; color: #9f917a; letter-spacing: 4px; } /* BADGE */ .badge { display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; padding: 5px 14px; border-radius: 2px; } .badge--price { background: #c0654a; color: #faf8f5; } .badge--outline { border: .5px solid #9f917a; color: #6b5f4f; } .badge--soft { background: rgba(159,145,122,.12); color: #6b5f4f; } /* ── HERO ── */ .hero { text-align: center; padding: 52px 32px 44px; } .hero__hearts { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 20px; } .hero__line-l { width: 60px; height: 1px; background: linear-gradient(to right, transparent, #9f917a); } .hero__line-r { width: 60px; height: 1px; background: linear-gradient(to left, transparent, #9f917a); } .hero__eyebrow { margin-bottom: 10px; } .hero__title { font-size: clamp(34px, 6vw, 54px); font-weight: 300; letter-spacing: .1em; color: #1a1613; line-height: 1.1; margin-bottom: 6px; } .hero__sub { font-size: 16px; font-style: italic; color: #9f917a; letter-spacing: .08em; margin-bottom: 28px; } .hero__badges { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 0; } /* ── PRINCIPE ── */ .principe { padding: 0 36px 40px; } .principe__intro { font-size: 15px; font-weight: 300; line-height: 1.85; color: #4a4238; max-width: 640px; margin: 0 auto 20px; } .principe__quote { max-width: 640px; margin: 0 auto 20px; background: rgba(159,145,122,.07); border-left: 2px solid #9f917a; padding: 14px 20px; } .principe__quote p { font-size: 13px; font-style: italic; color: #6b5f4f; line-height: 1.75; margin: 0; } .principe__quote strong { font-weight: 500; font-style: normal; } /* ── CONTREPARTIES ── */ .contreparties { padding: 0 28px 40px; } .contreparties__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; max-width: 700px; margin: 0 auto; } .contre-card { background: #faf8f5; border: .5px solid #e8ddd0; border-radius: 8px; padding: 20px 18px; text-align: center; transition: border-color .2s; } .contre-card:hover { border-color: #9f917a; } .contre-card__icon { font-size: 26px; display: block; margin-bottom: 10px; } .contre-card__title { font-size: 13px; font-weight: 500; color: #1a1613; margin-bottom: 5px; } .contre-card__desc { font-size: 11px; font-weight: 300; color: #9a8e83; font-style: italic; line-height: 1.6; } .contre-card--accent { border-color: #c4b49e; } /* ── PAGE MECENES PREVIEW ── */ .page-preview { max-width: 560px; margin: 0 auto 0; background: #faf8f5; border: .5px solid #c4b49e; border-radius: 8px; padding: 24px 28px; } .page-preview__title-label { font-size: 10px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #9f917a; text-align: center; margin-bottom: 14px; } .page-preview__book-title { font-size: 22px; font-weight: 300; text-align: center; color: #1a1613; margin-bottom: 4px; letter-spacing: .06em; } .page-preview__book-sub { font-size: 12px; font-style: italic; color: #9a8e83; text-align: center; margin-bottom: 18px; } .page-preview__sep { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; } .page-preview__sep-line { flex: 1; height: .5px; background: #e8ddd0; } .page-preview__sep-text { font-size: 10px; color: #9f917a; letter-spacing: .12em; text-transform: uppercase; } .page-preview__names { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 12px; } .page-preview__name { font-size: 12px; font-weight: 300; color: #6b5f4f; font-style: italic; padding: 3px 10px; border: .5px solid #e8ddd0; border-radius: 2px; } .page-preview__name--you { border-color: #9f917a; color: #4a4238; font-weight: 400; } .page-preview__note { font-size: 11px; font-weight: 300; color: #9a8e83; text-align: center; font-style: italic; } /* ── PRIX + RÉSILIATION ── */ .tarif { padding: 0 32px 44px; text-align: center; } .tarif__box { max-width: 400px; margin: 0 auto 24px; background: rgba(159,145,122,.06); border: .5px solid #c4b49e; border-radius: 8px; padding: 24px 28px; } .tarif__label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #9f917a; display: block; margin-bottom: 8px; } .tarif__price { font-size: 52px; font-weight: 300; color: #6b5f4f; line-height: 1; display: block; margin-bottom: 4px; } .tarif__unit { font-size: 13px; font-weight: 300; color: #9a8e83; font-style: italic; display: block; margin-bottom: 16px; } .tarif__resil { display: flex; align-items: flex-start; gap: 10px; text-align: left; background: rgba(159,145,122,.07); border-radius: 4px; padding: 10px 14px; } .tarif__resil-icon { color: #9f917a; font-size: 15px; flex-shrink: 0; margin-top: 2px; } .tarif__resil-text { font-size: 12px; font-weight: 300; color: #6b5f4f; line-height: 1.65; } .tarif__resil-text strong { font-weight: 500; color: #4a4238; } .tarif__cta { display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #faf8f5; background: #c0654a; border: none; border-radius: 2px; padding: 14px 36px; text-decoration: none; transition: background .18s; cursor: pointer; } .tarif__cta:hover { background: #a3523a; } .tarif__back { display: block; margin-top: 14px; font-size: 11px; font-weight: 400; letter-spacing: .08em; color: #9a8e83; text-decoration: none; border-bottom: .5px solid transparent; transition: border-color .15s, color .15s; } .tarif__back:hover { color: #6b5f4f; border-color: #c4b49e; } /* ── NOTE LÉGALE ── */ .note-legale { background: #faf8f5; border-top: .5px solid #e8ddd0; padding: 28px 36px 36px; } .note-legale__inner { max-width: 640px; margin: 0 auto; display: flex; gap: 14px; align-items: flex-start; background: rgba(192,101,74,.05); border: .5px solid rgba(192,101,74,.25); border-radius: 8px; padding: 18px 22px; } .note-legale__icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; } .note-legale__text { font-size: 12px; font-weight: 300; color: #4a4238; line-height: 1.75; } .note-legale__text strong { font-weight: 500; color: #1a1613; } /* RESPONSIVE */ @media (max-width: 600px) { .hero { padding: 40px 20px 32px; } .principe { padding: 0 20px 32px; } .contreparties { padding: 0 16px 32px; } .tarif { padding: 0 20px 36px; } .note-legale { padding: 24px 20px 32px; } .sep { margin: 0 20px; } .page-preview { padding: 20px 18px; } } ♥ ♥ ♥ Alex Q — Mécénat Mécène Ebooks Soutenir l'écriture · Recevoir à chaque sortie 10 € / mois Ebooks au fil des sorties Sans engagement Page des Mécènes ✦ ✦ ✦ Le principe du mécénat En souscrivant à ce plan, vous ne précommandez pas un produit à date fixe. Vous entrez dans une relation de soutien à la création : vous accompagnez le travail en cours, vous participez à ce que les textes existent. Les ebooks sont envoyés au fil de leurs sorties — il peut y en avoir deux sur un même mois, ou aucune. Pas de calendrier de publication promis, pas de quota mensuel garanti. C'est la nature de l'écriture. Chaque ebook publié comportera une page des Mécènes dédiée. Votre prénom ou pseudonyme y figurera, imprimé dans le texte même, en témoignage de votre rôle dans l'existence de ce travail. ✦ ✦ ✦ Ce que vous recevez 📱 Les ebooks à chaque sortie Envoyés par email dès finalisation — formats epub et PDF inclus 📖 Accès en avant-première Vous recevez les textes avant toute diffusion publique ✦ Page des Mécènes Votre nom gravé dans chaque ebook, pour toujours Aperçu — page des Mécènes Titre de l'ebook Alex Q · à paraître Mécènes Élise M. Thomas R. Votre prénom Camille D. Julien F. Sophie L. Antoine B. Votre nom apparaîtra ainsi dans chaque ebook publié pendant votre abonnement ✦ ✦ ✦ ← Voir tous les plans Mécénat ✦ ✦ ✦ ⚠️ Cet abonnement fonctionne sur le principe du mécénat : le prélèvement mensuel est effectué quoi qu'il arrive, y compris les mois sans sortie. Vous soutenez la création en cours — pas une livraison garantie. En souscrivant, vous acceptez ces conditions sans réserve.