willow

Browse our latest products

Shop all

:root { --willow-cream: #F9F6F1; --willow-warm-gray: #E8DED3; --willow-deep-neutral: #2B2B2B; --willow-mid-neutral: #7A7470; --willow-soft-taupe: #D4CCBE; --willow-green: #7A8F70; --willow-terracotta: #C9A074; --willow-ochre: #D4B896; --willow-deep-gray-green: #6B7A78; --willow-radius: 18px; --willow-radius-sm: 12px; --willow-shadow: 0 6px 24px rgba(43, 43, 43, 0.05); --willow-border: 1px solid var(--willow-soft-taupe); --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 40px; --space-6: 48px; --space-7: 56px; --space-8: 64px; } html { scroll-behavior: smooth; } body, button, input, textarea, select { font-family: 'Crimson Pro', serif; font-weight: 400; color: var(--willow-deep-neutral); background: var(--willow-cream); } h1, h2, h3, h4, h5, h6 { font-family: 'Crimson Pro', serif; font-weight: 600; letter-spacing: 0; line-height: 1.15; color: var(--willow-deep-neutral); } p, li { color: var(--willow-deep-neutral); line-height: 1.6; } .caption, .small-text, .card__caption, .subtitle { color: var(--willow-mid-neutral); font-weight: 500; } a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; } a:hover { opacity: 0.88; } .page-width { max-width: 1240px; } .willow-section { padding-top: var(--space-7); padding-bottom: var(--space-7); } .willow-section--tight { padding-top: var(--space-5); padding-bottom: var(--space-5); } .willow-section--hero { padding-top: 88px; padding-bottom: 80px; } .willow-kicker { display: inline-block; font-size: 1.4rem; color: var(--willow-mid-neutral); margin-bottom: var(--space-2); } .willow-heading-xl { font-size: clamp(2.8rem, 5vw, 5.6rem); line-height: 1.05; max-width: 12ch; margin: 0 0 var(--space-3); } .willow-heading-lg { font-size: clamp(2.2rem, 4vw, 4rem); margin: 0 0 var(--space-2); } .willow-body-lg { font-size: clamp(1.8rem, 2.1vw, 2.2rem); line-height: 1.45; max-width: 36ch; color: var(--willow-deep-neutral); } .willow-muted { color: var(--willow-mid-neutral); } .willow-card { background: rgba(255, 255, 255, 0.45); border: var(--willow-border); border-radius: var(--willow-radius); box-shadow: var(--willow-shadow); padding: var(--space-4); } .willow-card--soft { background: var(--willow-cream); } .willow-card--warm { background: var(--willow-warm-gray); } .willow-grid { display: grid; gap: var(--space-3); } .willow-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .willow-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .willow-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .willow-stack > * + * { margin-top: var(--space-2); } .willow-stack-lg > * + * { margin-top: var(--space-3); } .willow-button, .button.willow-button { border-radius: 999px; padding: 14px 22px; border: 1px solid var(--willow-deep-neutral); background: transparent; color: var(--willow-deep-neutral); min-height: auto; } .willow-button:hover, .button.willow-button:hover { background: var(--willow-warm-gray); } .willow-button--accent { background: var(--willow-green); color: #fff; border-color: var(--willow-green); } .willow-button--accent:hover { filter: brightness(0.97); } .willow-breadcrumbs { font-size: 1.4rem; color: var(--willow-mid-neutral); margin-bottom: var(--space-3); } .willow-breadcrumbs a { text-decoration: none; } .willow-pillar-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 240px; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; } .willow-pillar-card:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(43, 43, 43, 0.07); border-color: var(--willow-mid-neutral); } .willow-pillar-card__icon { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--willow-warm-gray); color: var(--willow-deep-gray-green); margin-bottom: var(--space-3); font-size: 1.8rem; } .willow-atmosphere { min-height: 260px; border-radius: 28px; background: radial-gradient(circle at top left, rgba(201, 160, 116, 0.24), transparent 35%), radial-gradient(circle at bottom right, rgba(122, 143, 112, 0.22), transparent 38%), linear-gradient(135deg, #f8f3ed 0%, #ece3d7 40%, #f7f3ec 100%); border: var(--willow-border); } .willow-product-feature { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-4); align-items: center; } .willow-product-feature__media { border-radius: 24px; overflow: hidden; background: var(--willow-warm-gray); min-height: 360px; } .willow-product-feature__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .willow-product-price { font-size: 1.8rem; color: var(--willow-mid-neutral); } .willow-badge-free { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; background: rgba(122, 143, 112, 0.12); color: var(--willow-green); padding: 8px 12px; font-size: 1.3rem; font-weight: 500; } .willow-cta-box { text-align: center; padding: var(--space-6) var(--space-4); } .willow-footer-note { color: var(--willow-mid-neutral); font-size: 1.4rem; } .template-product .product { gap: var(--space-5); } .template-product .product__title h1 { font-size: clamp(2.6rem, 4vw, 4.6rem); line-height: 1.08; } .template-product .product__text, .template-product .product__description { color: var(--willow-deep-neutral); } .template-product .price { color: var(--willow-mid-neutral); } .template-product .product-form__submit { border-radius: 999px; } .shopify-policy__container, .rte, .article-template, .main-page-title, .page-title { color: var(--willow-deep-neutral); } .header-wrapper { background: var(--willow-warm-gray); border-bottom: 1px solid var(--willow-soft-taupe); } .header__menu-item, .header__active-menu-item { text-decoration: none; } .footer { background: var(--willow-warm-gray); } .list-menu__item--link, .footer-block__details-content .list-menu__item--link { text-decoration: none; } @media screen and (max-width: 989px) { .willow-grid--4, .willow-grid--3, .willow-grid--2, .willow-product-feature { grid-template-columns: 1fr; } .willow-section--hero { padding-top: 64px; padding-bottom: 56px; } .willow-product-feature__media { min-height: 260px; } .willow-pillar-card { min-height: auto; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .willow-pillar-card { transition: none; } }

Your cart is empty

Products

Canva for Overthinkers — A Calm Beginner's Guide to Design Without the Spiral

Join our email list