Summertime Bookish Bundle 🌺 NEW ✦ Limited Edition

YOURBOOKISH.COM Verified independent store

→

:root { --ocean: #6AACCC; --ocean-pale: #C8E4F4; --ocean-deep: #2A6A8A; --coral: #E87A6A; --coral-pale: #FAD4CC; --coral-deep: #C04A3A; --sand: #F5EED8; --gold: #C9A464; --cream: # FAF8F2; --ink: #1A2A1A; --white: #ffffff; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--ink); overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 75% 50% at 10% 8%, rgba(106,172,204,0.18) 0%, transparent 60%), radial-gradient(ellipse 55% 65% at 92% 88%, rgba(232,122,106,0.12) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 55% 35%, rgba(245,238,216,0.4) 0%, transparent 50%); pointer-events: none; z-index: 0; } .container { max-width: 860px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } /* BADGE */ .drop-badge { display: flex; align-items: center; justify-content: center; padding: 48px 0 24px; animation: fadeDown 0.8s ease both; } .badge-pill { background: linear-gradient(135deg, var(--ocean-deep) 0%, var(--ocean) 100%); color: var(--white); font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; padding: 6px 20px; border-radius: 100px; border: 1px solid rgba(106,172,204,0.3); } /* HERO */ .hero { text-align: center; padding-bottom: 16px; animation: fadeDown 0.9s ease 0.1s both; } .hero-eyebrow { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 18px; color: var(--ocean-deep); letter-spacing: 0.05em; margin-bottom: 10px; } .hero-subtitle { margin-top: 16px; font-size: 13px; color: var(--ocean-deep); font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } /* DIVIDER */ .divider { display: flex; align-items: center; gap: 16px; margin: 28px 0; animation: fadeIn 1s ease 0.2s both; } .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--ocean), transparent); } .divider-icon { font-size: 15px; color: var(--ocean); } /* HERO BANNER */ .hero-banner { background: linear-gradient(135deg, #1A4A6A 0%, var(--ocean-deep) 40%, var(--ocean) 100%); border-radius: 16px; padding: 32px 36px; text-align: center; margin-bottom: 32px; animation: fadeUp 1s ease 0.3s both; box-shadow: 0 12px 48px rgba(42,106,138,0.25); position: relative; overflow: hidden; } .hero-banner::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 30px, rgba(255,255,255,0.03) 30px, rgba(255,255,255,0.03) 31px ); pointer-events: none; } .banner-count { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 300; color: rgba(255,255,255,0.95); line-height: 1; margin-bottom: 4px; letter-spacing: -0.02em; } .banner-eyebrow { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(255,255,255,0.5); font-weight: 500; margin-bottom: 12px; } .banner-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 300; font-style: italic; color: rgba(255,255,255,0.9); line-height: 1.45; margin-bottom: 6px; } .banner-sub { font-size: 13px; color: rgba(255,255,255,0.55); font-weight: 300; } /* SECTION LABEL */ .section-label { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ocean-deep); font-weight: 500; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; } .section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, var(--ocean), transparent); } /* DESCRIPTION CARD */ .description-card { background: rgba(255,255,255,0.75); backdrop-filter: blur(16px); border: 1px solid rgba(106,172,204,0.25); border-radius: 20px; padding: 40px 48px; margin-bottom: 32px; box-shadow: 0 8px 40px rgba(42,106,138,0.07); animation: fadeUp 1s ease 0.4s both; } .desc-headline { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: var(--ink); margin-bottom: 16px; line-height: 1.3; } .desc-headline em { font-style: italic; color: var(--ocean-deep); } .desc-body { font-size: 15px; line-height: 1.85; color: #3A4A5A; font-weight: 300; } .desc-body strong { font-weight: 500; color: var(--ink); } /* ITEMS */ .items-section { margin-bottom: 32px; animation: fadeUp 1s ease 0.5s both; } .items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; } .item-pill { background: rgba(255,255,255,0.78); border: 1px solid rgba(106,172,204,0.3); border-radius: 8px; padding: 10px 16px; font-size: 13px; color: var(--ink); font-weight: 400; display: flex; align-items: center; justify-content: space-between; gap: 8px; transition: all 0.2s ease; backdrop-filter: blur(8px); } .item-pill:hover { background: rgba(255,255,255,0.98); border-color: var(--ocean); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(106,172,204,0.2); } .item-left { display: flex; align-items: center; gap: 9px; } .item-emoji { font-size: 14px; flex-shrink: 0; } .item-badge { font-size: 10px; color: var(--coral); font-weight: 600; letter-spacing: 0.04em; white-space: nowrap; flex-shrink: 0; } /* VARIANTS */ .variants-section { margin-bottom: 32px; animation: fadeUp 1s ease 0.52s both; } .variants-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .variant-card { border-radius: 16px; padding: 26px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; } .variant-card:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0,0,0,0.15); } .variant-card.ocean { background: linear-gradient(135deg, #daeeff 0%, #a8d4f0 50%, var(--ocean) 100%); border: 1px solid rgba(106,172,204,0.5); } .variant-card.coral { background: linear-gradient(135deg, #fde8e4 0%, #f5b8a8 50%, var(--coral) 100%); border: 1px solid rgba(232,122,106,0.5); } .variant-name { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; margin-bottom: 4px; line-height: 1.1; } .variant-card.ocean .variant-name { color: #0A2A3A; } .variant-card.coral .variant-name { color: #3A0A0A; } .variant-desc { font-size: 12px; font-weight: 400; letter-spacing: 0.03em; line-height: 1.5; } .variant-card.ocean .variant-desc { color: var(--ocean-deep); } .variant-card.coral .variant-desc { color: var(--coral-deep); } .variant-swatch { display: flex; gap: 5px; margin-top: 14px; } .swatch { height: 6px; border-radius: 3px; flex: 1; } /* LIMITED BANNER */ .limited-banner { background: linear-gradient(135deg, var(--coral-deep) 0%, var(--coral) 50%, #F5A090 100%); border-radius: 16px; padding: 26px 32px; text-align: center; margin-bottom: 32px; animation: fadeUp 1s ease 0.55s both; box-shadow: 0 8px 32px rgba(192,74,58,0.2); } .limited-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; font-style: italic; color: #ffffff; margin-bottom: 6px; } .limited-sub { font-size: 13px; color: rgba(255,255,255,0.75); font-weight: 300; } /* FOOTER */ .footer-note { text-align: center; padding: 16px 0 56px; animation: fadeUp 1s ease 0.6s both; } .footer-sub { font-size: 12px; color: var(--ocean); letter-spacing: 0.05em; } /* PETALS */ .petal { position: fixed; pointer-events: none; opacity: 0; z-index: 0; animation: floatPetal linear infinite; } @keyframes floatPetal { 0% { transform: translateY(-20px) rotate(0deg); opacity: 0; } 10% { opacity: 0.3; } 90% { opacity: 0.12; } 100% { transform: translateY(110vh) rotate(360deg); opacity: 0; } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 600px) { .description-card { padding: 28px 24px; } .items-grid { grid-template-columns: 1fr 1fr; } .variants-grid { grid-template-columns: 1fr; } .hero-banner { padding: 24px 20px; } } 🌺 🌊 🌺 ✨ 🌺 🌊 🩵 Limited May Collection 🩷 18 Items Your summer TBR deserves more than a plain bookmark. SUMMERTIME Bookish Bundle Soft textures · Tropical florals · Vibrant colors ✦ Imagine your perfect summer reading day. You're somewhere warm. Pages turning. Reading setup looking exactly the way you always pictured it. The Summertime Bookish Bundle makes that happen — 18 carefully chosen bookish pieces, soft tropical textures, vibrant summer colors. Every item earned its place. 🌺 Choose your summer aesthetic 🩵 Ocean Breeze 30 Boxes Total Cool blue with coastal energy — fresh, airy & dreamy ⚡ Capped at 30 boxes — no restock once sold out 🩷 Coral Sunset 30 Boxes Total Warm pink with golden hour tones — soft, vibrant & radiant ⚡ Capped at 30 boxes — no restock once sold out See what's inside 🩵 Ocean Breeze 🩷 Coral Sunset 18 premium items inside every box Curated for long beach days and cozy reading nights. 60 boxes total · 30 per color · no restocks · packed with love ☀️ Everything inside your box Every item was chosen to do something for you — not just fill the box. Here's what's inside: 📓A6 Soft Cloth Notebook 📝Large Pencil Case 🔖Sticky Tab Set 📋Book Review Sheet 📄Sticky Quote Sheets ×2 📖Reading Log 🌺Frangipani Hair Clip 🌸Flower Bookmark NEW 💡USB Reading Light ✏️Correction Tape 🎨Sticker Pack (6 designs) 🖊️Golden Pen Holder 💛Heart-Shaped Gold Page Clip 🖋️Gel Pen ✍️Highlighter The gift that actually lands. Know a reader who deserves something beautiful this summer? Arrives ready to gift — no wrapping required. Pick their color, add to cart, done. Perfect for: birthdays · just because · summer send-offs · anyone with a TBR that needs celebrating 🌺 🫶🏻 Packed with love Every box hand-packed 📦 Gift-ready box No wrapping needed ⚡ 60 boxes only No restock ever Our bookish fam loves their bundles 🌸 ⭐⭐⭐⭐⭐ Real photos from our customers — from our other bookish bundles Still thinking about it? 60 boxes were made. Once your color sells out, it's gone for good — there's no second batch. 🌺 60 boxes made. 30 per color. That's the entire run. No restock · No second drop · Grab yours before your color sells out ☀️ 🌺 Summertime Bookish Bundle · 18 Items · Limited May Collection · Ships with love Show more