Foxglove Press — Letterpress Notebooks & Correspondence</meta> <meta name="description" content="Foxglove Press: letterpress notebooks and correspondence, handbound in small batches."> <meta name="theme-color" content="#1B2A4A"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body>  <svg class="defs" aria-hidden="true" focusable="false"> <defs> <g id="bell"> <path d="M0 0 C-7 1 -10 9 -9.5 16 C-9 20 -4 21 0 20 C4 21 9 20 9.5 16 C10 9 7 1 0 0 Z" fill="none" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-7.4 15 C-4 17.4 4 17.4 7.4 15" fill="none" stroke="currentColor" stroke-width="0.9" stroke-linecap="round" opacity="0.85"/> <circle cx="-3" cy="9" r="0.7" fill="currentColor" opacity="0.5"/> <circle cx="2.6" cy="11" r="0.7" fill="currentColor" opacity="0.5"/> </g> <g id="sprig"> <path d="M0 2 L0 -70" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round"/> <g transform="translate(-6,-16) rotate(-24)"><use href="#bell"/></g> <g transform="translate(6,-36) rotate(24)"><use href="#bell"/></g> <g transform="translate(-5,-56) rotate(-22)"><use href="#bell"/></g> </g> <g id="sprig-h"> <path d="M2 0 L58 0" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round"/> <g transform="translate(13,1) rotate(10)"><use href="#bell"/></g> <g transform="translate(30,1) rotate(-7)"><use href="#bell"/></g> <g transform="translate(47,1) rotate(9)"><use href="#bell"/></g> </g> </defs> </svg>  <header class="hero"> <div class="hero-inner"> <svg class="flourish" viewBox="0 0 80 150" aria-hidden="true" focusable="false"> <path d="M40 148 C37 112 43 76 40 40 C39 28 40 20 40 14" fill="none" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"/> <g transform="translate(32,42) rotate(-25)"><use href="#bell"/></g> <g transform="translate(48,62) rotate(25)"><use href="#bell"/></g> <g transform="translate(31,82) rotate(-25)"><use href="#bell"/></g> <g transform="translate(49,102) rotate(24)"><use href="#bell"/></g> <g transform="translate(33,122) rotate(-22)"><use href="#bell"/></g> </svg> <p class="eyebrow">Letterpress Studio · Est. 2019</p> <h1 class="hero-title">Foxglove Press</h1> <p class="tagline">Letterpress notebooks & correspondence, made for slow thoughts.</p> <a class="btn" href="#collection">Shop the Collection</a> </div> </header>  <section id="collection" class="collection"> <div class="collection-inner"> <svg class="hline" viewBox="0 -3 60 28" aria-hidden="true" focusable="false"><use href="#sprig-h"/></svg> <h2 class="section-title">The Collection</h2> <p class="section-sub">Three notebooks, each bound by hand and pressed in small runs.</p> <div class="cards">  <article class="card"> <div class="card-art"> <svg viewBox="0 0 160 210" role="img" aria-label="The Wanderer notebook cover"> <rect x="10" y="8" width="140" height="194" rx="8" fill="#F5F0E6" stroke="#1B2A4A" stroke-opacity="0.18" stroke-width="1"/> <rect x="10" y="8" width="11" height="194" rx="3" fill="#1B2A4A" opacity="0.12"/> <rect x="24" y="21" width="120" height="170" rx="4" fill="none" stroke="#1B2A4A" stroke-width="0.8" stroke-opacity="0.4"/> <line x1="66" y1="40" x2="94" y2="40" stroke="#1B2A4A" stroke-width="0.9"/> <g style="color:#1B2A4A"><use href="#sprig" transform="translate(80,152) scale(0.72)"/></g> <text x="80" y="190" text-anchor="middle" font-family="Inter, sans-serif" font-size="5" letter-spacing="2.2" fill="#1B2A4A" opacity="0.7">FOXGLOVE PRESS</text> </svg> </div> <div class="card-body"> <h3>The Wanderer</h3> <p class="desc">120gsm cotton paper, perfect for fountain pens.</p> <p class="price">$28</p> <a class="add" href="#">Add to Cart →</a> </div> </article>  <article class="card"> <div class="card-art"> <svg viewBox="0 0 160 210" role="img" aria-label="Midnight Correspondence notebook cover"> <rect x="10" y="8" width="140" height="194" rx="8" fill="#1B2A4A" stroke="#0f1c38" stroke-opacity="0.6" stroke-width="1"/> <rect x="10" y="8" width="11" height="194" rx="3" fill="#000000" opacity="0.18"/> <rect x="24" y="21" width="120" height="170" rx="4" fill="none" stroke="#F5F0E6" stroke-width="0.8" stroke-opacity="0.4"/> <line x1="66" y1="40" x2="94" y2="40" stroke="#a99cbf" stroke-width="0.9"/> <g style="color:#F5F0E6"><use href="#sprig" transform="translate(80,152) scale(0.72)"/></g> <text x="80" y="190" text-anchor="middle" font-family="Inter, sans-serif" font-size="5" letter-spacing="2.2" fill="#F5F0E6" opacity="0.75">FOXGLOVE PRESS</text> </svg> </div> <div class="card-body"> <h3>Midnight Correspondence</h3> <p class="desc">100gsm laid paper, for letters written after dark.</p> <p class="price">$32</p> <a class="add" href="#">Add to Cart →</a> </div> </article>  <article class="card"> <div class="card-art"> <svg viewBox="0 0 160 210" role="img" aria-label="Field Notes No. 3 notebook cover"> <rect x="10" y="8" width="140" height="194" rx="8" fill="#8B7E9E" stroke="#6b5f82" stroke-opacity="0.6" stroke-width="1"/> <rect x="10" y="8" width="11" height="194" rx="3" fill="#1B2A4A" opacity="0.16"/> <rect x="24" y="21" width="120" height="170" rx="4" fill="none" stroke="#1B2A4A" stroke-width="0.8" stroke-opacity="0.45"/> <line x1="66" y1="40" x2="94" y2="40" stroke="#F5F0E6" stroke-width="0.9" stroke-opacity="0.8"/> <g style="color:#F5F0E6"><use href="#sprig" transform="translate(80,152) scale(0.72)"/></g> <text x="80" y="190" text-anchor="middle" font-family="Inter, sans-serif" font-size="5" letter-spacing="2.2" fill="#F5F0E6" opacity="0.8">FOXGLOVE PRESS</text> </svg> </div> <div class="card-body"> <h3>Field Notes No. 3</h3> <p class="desc">90gsm unbleached paper, pocket-sized for the trail.</p> <p class="price">$22</p> <a class="add" href="#">Add to Cart →</a> </div> </article> </div> </div> </section>  <footer class="footer"> <div class="footer-inner"> <svg class="hline" viewBox="0 -3 60 28" aria-hidden="true" focusable="false"><use href="#sprig-h"/></svg> <p class="footer-name">Foxglove Press</p> <p class="footer-tag">Handbound in small batches.</p> <nav class="footer-links"> <a href="#">Instagram</a> <a href="#">Contact</a> <a href="#">Shipping</a> </nav> <p class="copyright">© <span id="year">2025</span> Foxglove Press. All rights reserved.</p> </div> </footer> <script> document.getElementById('year').textContent = new Date().getFullYear(); </script> </body> </html>