{"id":580,"date":"2026-06-10T08:00:45","date_gmt":"2026-06-10T08:00:45","guid":{"rendered":"https:\/\/inthequietz.com\/wp\/?page_id=580"},"modified":"2026-06-10T14:05:45","modified_gmt":"2026-06-10T14:05:45","slug":"quiet-journals","status":"publish","type":"page","link":"https:\/\/inthequietz.com\/wp\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Quiet Journals KE \u2014 Pause. Breathe. Write.<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --ink:       #1a1a1a;\n    --fog:       #f7f5f1;\n    --parchment: #ede9e1;\n    --sage:      #8a9e8b;\n    --mauve:     #b8869a;\n    --warm:      #c9bfb5;\n    --muted:     #7a7570;\n\n    --display: 'Cormorant Garamond', Georgia, serif;\n    --body:    'DM Sans', system-ui, sans-serif;\n\n    --gap-xs: 0.5rem;\n    --gap-sm: 1rem;\n    --gap-md: 2rem;\n    --gap-lg: 4rem;\n    --gap-xl: 7rem;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: var(--body);\n    font-size: 1rem;\n    line-height: 1.65;\n    color: var(--ink);\n    background: var(--fog);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.25rem 5vw;\n    background: rgba(247, 245, 241, 0.92);\n    backdrop-filter: blur(8px);\n    border-bottom: 1px solid rgba(138,158,139,0.15);\n    transition: box-shadow 0.3s ease;\n  }\n\n  .nav-logo {\n    font-family: var(--display);\n    font-size: 1.2rem;\n    font-weight: 400;\n    letter-spacing: 0.04em;\n    color: var(--ink);\n    text-decoration: none;\n  }\n\n  .nav-links {\n    display: flex;\n    gap: 2rem;\n    list-style: none;\n  }\n\n  .nav-links a {\n    font-size: 0.78rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--muted);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n\n  .nav-links a:hover { color: var(--ink); }\n\n  .nav-cta {\n    font-size: 0.78rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 0.55rem 1.3rem;\n    border: 1px solid var(--ink);\n    color: var(--ink);\n    text-decoration: none;\n    transition: background 0.2s, color 0.2s;\n  }\n\n  .nav-cta:hover { background: var(--ink); color: var(--fog); }\n\n  .hamburger {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    background: none;\n    border: none;\n    padding: 4px;\n  }\n\n  .hamburger span {\n    display: block;\n    width: 22px;\n    height: 1.5px;\n    background: var(--ink);\n    transition: transform 0.3s;\n  }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n  .hero {\n    min-height: 100svh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding-top: 70px;\n  }\n\n  .hero-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 6vw 5vw 6vw 8vw;\n    background: var(--fog);\n  }\n\n  .hero-eyebrow {\n    font-family: var(--body);\n    font-size: 0.72rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--sage);\n    margin-bottom: 1.5rem;\n  }\n\n  .hero-headline {\n    font-family: var(--display);\n    font-size: clamp(2.8rem, 5vw, 5rem);\n    font-weight: 300;\n    line-height: 1.1;\n    color: var(--ink);\n    margin-bottom: 1.75rem;\n  }\n\n  .hero-headline em {\n    font-style: italic;\n    color: var(--mauve);\n  }\n\n  .hero-body {\n    font-size: 1rem;\n    color: var(--muted);\n    max-width: 38ch;\n    line-height: 1.75;\n    margin-bottom: 2.5rem;\n  }\n\n  .hero-actions {\n    display: flex;\n    gap: 1rem;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .btn-primary {\n    font-size: 0.8rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 0.85rem 2rem;\n    background: var(--ink);\n    color: var(--fog);\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n\n  .btn-primary:hover { background: #333; }\n\n  .btn-ghost {\n    font-size: 0.8rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--muted);\n    text-decoration: none;\n    border-bottom: 1px solid var(--warm);\n    padding-bottom: 2px;\n    transition: color 0.2s, border-color 0.2s;\n  }\n\n  .btn-ghost:hover { color: var(--ink); border-color: var(--ink); }\n\n  .hero-right {\n    position: relative;\n    overflow: hidden;\n    background: var(--parchment);\n  }\n\n  .hero-right::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(184,134,154,0.12) 0%, transparent 60%);\n    z-index: 1;\n  }\n\n  .hero-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: sepia(15%) saturate(0.85);\n  }\n\n  .hero-quote {\n    position: absolute;\n    bottom: 3rem;\n    left: 2.5rem;\n    right: 2.5rem;\n    z-index: 2;\n    background: rgba(247,245,241,0.88);\n    backdrop-filter: blur(4px);\n    padding: 1.5rem;\n    border-left: 2px solid var(--mauve);\n  }\n\n  .hero-quote p {\n    font-family: var(--display);\n    font-size: 1.1rem;\n    font-style: italic;\n    font-weight: 300;\n    color: var(--ink);\n    line-height: 1.55;\n  }\n\n  \/* \u2500\u2500\u2500 MARQUEE \u2500\u2500\u2500 *\/\n  .marquee-rail {\n    overflow: hidden;\n    background: var(--ink);\n    padding: 0.75rem 0;\n    white-space: nowrap;\n  }\n\n  .marquee-track {\n    display: inline-block;\n    animation: marquee 28s linear infinite;\n  }\n\n  .marquee-track span {\n    font-family: var(--display);\n    font-size: 0.95rem;\n    font-style: italic;\n    color: var(--fog);\n    margin: 0 2.5rem;\n    opacity: 0.75;\n  }\n\n  .marquee-track span.dot {\n    font-style: normal;\n    color: var(--mauve);\n    opacity: 1;\n    margin: 0 1rem;\n  }\n\n  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n  \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\n  section { padding: var(--gap-xl) 8vw; }\n\n  .section-label {\n    font-size: 0.72rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--sage);\n    margin-bottom: 0.75rem;\n    display: block;\n  }\n\n  .section-title {\n    font-family: var(--display);\n    font-size: clamp(2rem, 3.5vw, 3rem);\n    font-weight: 300;\n    line-height: 1.2;\n    color: var(--ink);\n    margin-bottom: 1.25rem;\n  }\n\n  \/* \u2500\u2500\u2500 OFFERINGS \u2500\u2500\u2500 *\/\n  .offerings { background: var(--fog); }\n\n  .offerings-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    background: var(--warm);\n    margin-top: var(--gap-lg);\n    border: 1px solid var(--warm);\n  }\n\n  .offering-card {\n    background: var(--fog);\n    padding: 2.5rem 2rem 3rem;\n    display: flex;\n    flex-direction: column;\n    transition: background 0.3s;\n  }\n\n  .offering-card:hover { background: var(--parchment); }\n\n  .offering-num {\n    font-family: var(--display);\n    font-size: 3.5rem;\n    font-weight: 300;\n    color: var(--parchment);\n    line-height: 1;\n    margin-bottom: 1.25rem;\n    transition: color 0.3s;\n  }\n\n  .offering-card:hover .offering-num { color: var(--warm); }\n\n  .offering-title {\n    font-family: var(--display);\n    font-size: 1.35rem;\n    font-weight: 400;\n    color: var(--ink);\n    margin-bottom: 0.75rem;\n  }\n\n  .offering-desc {\n    font-size: 0.9rem;\n    color: var(--muted);\n    line-height: 1.7;\n    flex: 1;\n    margin-bottom: 2rem;\n  }\n\n  .offering-link {\n    font-size: 0.75rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--ink);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    border-bottom: 1px solid var(--warm);\n    padding-bottom: 2px;\n    transition: border-color 0.2s;\n  }\n\n  .offering-link:hover { border-color: var(--ink); }\n\n  \/* \u2500\u2500\u2500 FEATURED PRODUCT \u2500\u2500\u2500 *\/\n  .featured { background: var(--parchment); }\n\n  .featured-inner {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 5vw;\n    align-items: center;\n    margin-top: var(--gap-md);\n  }\n\n  .featured-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1rem;\n  }\n\n  .featured-img-main {\n    grid-column: 1 \/ -1;\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n    width: 100%;\n    filter: sepia(8%) saturate(0.9);\n  }\n\n  .featured-img-inner {\n    aspect-ratio: 3\/4;\n    object-fit: cover;\n    width: 100%;\n    filter: sepia(8%) saturate(0.9);\n  }\n\n  .featured-tag {\n    display: inline-block;\n    font-size: 0.72rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--fog);\n    background: var(--mauve);\n    padding: 0.3rem 0.85rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .featured-text h2 {\n    font-family: var(--display);\n    font-size: clamp(1.9rem, 3vw, 2.75rem);\n    font-weight: 300;\n    line-height: 1.2;\n    color: var(--ink);\n    margin-bottom: 1.25rem;\n  }\n\n  .featured-text p {\n    font-size: 0.95rem;\n    color: var(--muted);\n    line-height: 1.75;\n    margin-bottom: 1rem;\n    max-width: 42ch;\n  }\n\n  .featured-pullquote {\n    margin: 2rem 0;\n    padding-left: 1.25rem;\n    border-left: 2px solid var(--mauve);\n    font-family: var(--display);\n    font-size: 1.15rem;\n    font-style: italic;\n    font-weight: 300;\n    color: var(--ink);\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500\u2500 THEMES \u2500\u2500\u2500 *\/\n  .themes { background: var(--fog); }\n\n  .themes-list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0;\n    margin-top: var(--gap-lg);\n    border: 1px solid var(--warm);\n  }\n\n  .theme-item {\n    display: flex;\n    gap: 1.25rem;\n    align-items: flex-start;\n    padding: 2rem 2.25rem;\n    border-bottom: 1px solid var(--warm);\n    border-right: 1px solid var(--warm);\n    transition: background 0.2s;\n  }\n\n  .theme-item:nth-child(2n) { border-right: none; }\n  .theme-item:nth-last-child(-n+2) { border-bottom: none; }\n  .theme-item:hover { background: var(--parchment); }\n\n  .theme-glyph {\n    font-size: 1.3rem;\n    flex-shrink: 0;\n    margin-top: 0.15rem;\n    opacity: 0.6;\n  }\n\n  .theme-name {\n    font-family: var(--display);\n    font-size: 1.15rem;\n    font-weight: 400;\n    color: var(--ink);\n    margin-bottom: 0.4rem;\n  }\n\n  .theme-desc {\n    font-size: 0.87rem;\n    color: var(--muted);\n    line-height: 1.65;\n  }\n\n  \/* \u2500\u2500\u2500 COMMUNITY \u2500\u2500\u2500 *\/\n  .community {\n    background: var(--ink);\n    color: var(--fog);\n    text-align: center;\n    padding-top: 6rem;\n    padding-bottom: 6rem;\n  }\n\n  .community .section-label { color: var(--sage); }\n\n  .community .section-title {\n    color: var(--fog);\n    max-width: 18ch;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 1.25rem;\n  }\n\n  .community-sub {\n    font-size: 0.95rem;\n    color: rgba(247,245,241,0.6);\n    max-width: 44ch;\n    margin: 0 auto 3rem;\n    line-height: 1.75;\n  }\n\n  .community-img {\n    width: 100%;\n    max-width: 780px;\n    aspect-ratio: 16\/7;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n    margin: 0 auto 3rem;\n    filter: sepia(20%) saturate(0.7) brightness(0.75);\n  }\n\n  \/* \u2500\u2500\u2500 NEWSLETTER \u2500\u2500\u2500 *\/\n  .newsletter { background: var(--parchment); text-align: center; }\n\n  .newsletter .section-title { margin-bottom: 0.75rem; }\n\n  .newsletter-sub {\n    font-size: 0.95rem;\n    color: var(--muted);\n    max-width: 46ch;\n    margin: 0 auto 2.5rem;\n    line-height: 1.75;\n  }\n\n  .newsletter-form {\n    display: flex;\n    gap: 0;\n    max-width: 440px;\n    margin: 0 auto;\n    border: 1px solid var(--warm);\n  }\n\n  .newsletter-form input {\n    flex: 1;\n    padding: 0.9rem 1.25rem;\n    border: none;\n    background: var(--fog);\n    font-family: var(--body);\n    font-size: 0.9rem;\n    color: var(--ink);\n    outline: none;\n  }\n\n  .newsletter-form input::placeholder { color: var(--warm); }\n\n  .newsletter-form button {\n    padding: 0.9rem 1.5rem;\n    background: var(--ink);\n    color: var(--fog);\n    border: none;\n    font-family: var(--body);\n    font-size: 0.75rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: background 0.2s;\n    white-space: nowrap;\n  }\n\n  .newsletter-form button:hover { background: #333; }\n\n  \/* \u2500\u2500\u2500 BLOG \u2500\u2500\u2500 *\/\n  .blog-strip { background: var(--fog); text-align: center; }\n\n  .blog-strip a {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n    margin-top: var(--gap-md);\n    font-size: 0.8rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--ink);\n    text-decoration: none;\n    border-bottom: 1px solid var(--warm);\n    padding-bottom: 3px;\n    transition: border-color 0.2s;\n  }\n\n  .blog-strip a:hover { border-color: var(--ink); }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n  footer {\n    background: var(--ink);\n    color: rgba(247,245,241,0.5);\n    padding: 3rem 8vw;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1.5rem;\n  }\n\n  .footer-brand {\n    font-family: var(--display);\n    font-size: 1.1rem;\n    color: var(--fog);\n    font-weight: 300;\n  }\n\n  .footer-right {\n    display: flex;\n    gap: 1.5rem;\n    align-items: center;\n  }\n\n  .footer-right a {\n    color: rgba(247,245,241,0.5);\n    text-decoration: none;\n    font-size: 0.8rem;\n    transition: color 0.2s;\n  }\n\n  .footer-right a:hover { color: var(--fog); }\n\n  .footer-copy {\n    width: 100%;\n    font-size: 0.72rem;\n    text-align: center;\n    border-top: 1px solid rgba(247,245,241,0.08);\n    padding-top: 1.5rem;\n    margin-top: 0.5rem;\n  }\n\n  \/* \u2500\u2500\u2500 MOBILE NAV DRAWER \u2500\u2500\u2500 *\/\n  .mobile-menu {\n    display: none;\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: var(--fog);\n    z-index: 200;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  .mobile-menu.open { display: flex; }\n\n  .mobile-menu a {\n    font-family: var(--display);\n    font-size: 2rem;\n    font-weight: 300;\n    color: var(--ink);\n    text-decoration: none;\n    letter-spacing: 0.04em;\n  }\n\n  .mobile-close {\n    position: absolute;\n    top: 1.5rem;\n    right: 5vw;\n    background: none;\n    border: none;\n    font-size: 1.8rem;\n    cursor: pointer;\n    color: var(--ink);\n    line-height: 1;\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .hero { grid-template-columns: 1fr; min-height: auto; }\n    .hero-right { height: 50vw; min-height: 320px; }\n    .hero-left { padding: 4rem 8vw; }\n    .hero-headline { font-size: clamp(2.2rem, 6vw, 3.5rem); }\n    .offerings-grid { grid-template-columns: 1fr 1fr; }\n    .offerings-grid .offering-card:last-child { grid-column: 1 \/ -1; }\n    .featured-inner { grid-template-columns: 1fr; }\n    .featured-images { grid-template-columns: 1fr 1fr; max-width: 500px; }\n    .featured-img-main { grid-column: 1 \/ -1; }\n  }\n\n  @media (max-width: 768px) {\n    section { padding: 4rem 6vw; }\n    .nav-links, .nav-cta { display: none; }\n    .hamburger { display: flex; }\n    .hero-left { padding: 3rem 6vw 2.5rem; }\n    .offerings-grid { grid-template-columns: 1fr; }\n    .offerings-grid .offering-card:last-child { grid-column: auto; }\n    .themes-list { grid-template-columns: 1fr; }\n    .theme-item:nth-child(2n) { border-right: 1px solid var(--warm); }\n    .theme-item:nth-last-child(-n+2) { border-bottom: 1px solid var(--warm); }\n    .theme-item:last-child { border-bottom: none; }\n    .newsletter-form { flex-direction: column; border: none; gap: 0.75rem; }\n    .newsletter-form input { border: 1px solid var(--warm); }\n    .newsletter-form button { padding: 1rem; }\n    footer { flex-direction: column; align-items: flex-start; }\n    .hero-quote { display: none; }\n  }\n\n  @media (max-width: 480px) {\n    .hero-headline { font-size: 2.4rem; }\n    .hero-actions { flex-direction: column; align-items: flex-start; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .marquee-track { animation: none; }\n    * { transition: none !important; }\n  }\n<\/style>\n\n\n\n<!-- NAV -->\n<nav>\n  <a href=\"#\" class=\"nav-logo\">Quiet Journals KE<\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"https:\/\/inthequietz.com\/wp\/quiet-digital-notes\/\">Quiet Digital Notes<\/a><\/li>\n    <li><a href=\"#\">The Blog<\/a><\/li>\n    <li><a href=\"#\">Journals<\/a><\/li>\n    <li><a href=\"#\">Journal Pages<\/a><\/li>\n    <li><a href=\"#\">About<\/a><\/li>\n    <li><a href=\"#\">Contact<\/a><\/li>\n  <\/ul>\n  <a href=\"#newsletter\" class=\"nav-cta\">Join the Quiet<\/a>\n  <button class=\"hamburger\" onclick=\"document.getElementById('mobileMenu').classList.toggle('open')\" aria-label=\"Menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n  <button class=\"mobile-close\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">\u00d7<\/button>\n  <a href=\"#\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">Digital Notes<\/a>\n  <a href=\"#\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">Journals<\/a>\n  <a href=\"#\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">Blog<\/a>\n  <a href=\"#\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">Shop<\/a>\n  <a href=\"#\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">About<\/a>\n  <a href=\"#newsletter\" onclick=\"document.getElementById('mobileMenu').classList.remove('open')\">Join the Quiet<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\" style=\"padding:0;\">\n  <div class=\"hero-left\">\n    <span class=\"hero-eyebrow\">A space for slow living &amp; reflection<\/span>\n    <h1 class=\"hero-headline\">Pause.<br>Breathe.<br><em>Write.<\/em><\/h1>\n    <p class=\"hero-body\">A quiet place to slow down, reflect honestly, and tend to the parts of you that are still becoming \u2014 through journaling, faith, and the gentle work of knowing yourself.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#\" class=\"btn-primary\">Explore Journals<\/a>\n      <a href=\"#\" class=\"btn-ghost\">Read the Blog \u2192<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-right\">\n    <img decoding=\"async\" class=\"hero-img\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=1200&amp;auto=format&amp;fit=crop&amp;q=80\" alt=\"Person writing in a journal\">\n    <div class=\"hero-quote\">\n      <p>&#8220;Growth can be quiet, slow, and sometimes invisible \u2014 and still be real.&#8221;<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MARQUEE -->\n<div class=\"marquee-rail\" aria-hidden=\"true\">\n  <div class=\"marquee-track\">\n    <span>Slow Living<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Honest Reflection<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Faith &amp; Stillness<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Gentle Growth<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Becoming<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Quiet Seasons<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Intentional Living<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Slow Living<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Honest Reflection<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Faith &amp; Stillness<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Gentle Growth<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Becoming<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Quiet Seasons<\/span><span class=\"dot\">\u00b7<\/span>\n    <span>Intentional Living<\/span><span class=\"dot\">\u00b7<\/span>\n  <\/div>\n<\/div>\n\n<!-- OFFERINGS -->\n<section class=\"offerings\">\n  <span class=\"section-label\">What we offer<\/span>\n  <h2 class=\"section-title\">Tools for the inner journey<\/h2>\n  <div class=\"offerings-grid\">\n    <div class=\"offering-card\">\n      <div class=\"offering-num\">01<\/div>\n      <h3 class=\"offering-title\">Guided Journals<\/h3>\n      <p class=\"offering-desc\">Thoughtfully designed journals that create space for reflection, emotional clarity, and gentle inner growth. Not for productivity \u2014 for understanding yourself more deeply.<\/p>\n      <a href=\"#\" class=\"offering-link\">Explore journals \u2192<\/a>\n    <\/div>\n    <div class=\"offering-card\">\n      <div class=\"offering-num\">02<\/div>\n      <h3 class=\"offering-title\">Reflections<\/h3>\n      <p class=\"offering-desc\">Short, soul-centred writings exploring purpose, seasons of becoming, and the quiet beauty of living intentionally. Words for the moments that feel hard to name.<\/p>\n      <a href=\"#\" class=\"offering-link\">Read reflections \u2192<\/a>\n    <\/div>\n    <div class=\"offering-card\">\n      <div class=\"offering-num\">03<\/div>\n      <h3 class=\"offering-title\">The Blog<\/h3>\n      <p class=\"offering-desc\">Thoughtful essays on slow living, personal growth, faith, and navigating life&#8217;s quieter seasons \u2014 a companion for the road less celebrated.<\/p>\n      <a href=\"#\" class=\"offering-link\">Visit the blog \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURED PRODUCT -->\n<section class=\"featured\">\n  <div class=\"featured-inner\">\n    <div class=\"featured-images\">\n      <img decoding=\"async\" class=\"featured-img-main\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?w=800&amp;auto=format&amp;fit=crop&amp;q=80\" alt=\"Dear Mama Journal\">\n      <img decoding=\"async\" class=\"featured-img-inner\" src=\"https:\/\/images.unsplash.com\/photo-1512486130939-2c4f79935e4f?w=400&amp;auto=format&amp;fit=crop&amp;q=80\" alt=\"Inside pages of journal\">\n      <img decoding=\"async\" class=\"featured-img-inner\" src=\"https:\/\/images.unsplash.com\/photo-1471107340929-a87cd0f5b5f3?w=400&amp;auto=format&amp;fit=crop&amp;q=80\" alt=\"Journal with flowers\">\n    <\/div>\n    <div class=\"featured-text\">\n      <span class=\"featured-tag\">Now available<\/span>\n      <h2>Dear Mama Journal &amp; Workbook<\/h2>\n      <p>A quiet space for reflection, healing, and gentle conversations with God \u2014 created for every mother navigating the beautiful, overwhelming, and deeply human work of motherhood.<\/p>\n      <blockquote class=\"featured-pullquote\">\n        &#8220;This is not a journal to complete. It is a space to return to \u2014 again and again.&#8221;\n      <\/blockquote>\n      <p>Each section offers a soft meditation, a grounding truth, and space to write freely \u2014 without pressure or expectation.<\/p>\n      <br>\n      <a href=\"#\" class=\"btn-primary\">Get your copy<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- THEMES -->\n<section class=\"themes\">\n  <span class=\"section-label\">The quiet work<\/span>\n  <h2 class=\"section-title\">What lives in these pages<\/h2>\n  <div class=\"themes-list\">\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\ud83c\udf3f<\/span>\n      <div>\n        <div class=\"theme-name\">Slow Living<\/div>\n        <p class=\"theme-desc\">Permission to step away from the pressure to constantly achieve and move at a pace that honours your actual life.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\u270d\ufe0f<\/span>\n      <div>\n        <div class=\"theme-name\">Reflective Journaling<\/div>\n        <p class=\"theme-desc\">Journaling not as productivity, but as a tool for understanding yourself \u2014 your grief, uncertainty, transitions, and growth.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\ud83d\ude4f<\/span>\n      <div>\n        <div class=\"theme-name\">Faith &amp; Quiet Time<\/div>\n        <p class=\"theme-desc\">A gentle space to spend time with God, reflect on Scripture, and find peace during the uncertain and waiting seasons of life.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\ud83e\udd0d<\/span>\n      <div>\n        <div class=\"theme-name\">Comfort for Hard Seasons<\/div>\n        <p class=\"theme-desc\">Companionship for grief, postpartum challenges, major transitions, and the feeling of being stuck or behind on life&#8217;s unspoken timeline.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\ud83c\udf31<\/span>\n      <div>\n        <div class=\"theme-name\">Gentle Growth<\/div>\n        <p class=\"theme-desc\">An acknowledgement that progress is often quiet, slow, and invisible \u2014 and that you can be growing even when you feel lost.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"theme-item\">\n      <span class=\"theme-glyph\">\u2728<\/span>\n      <div>\n        <div class=\"theme-name\">Intentional Becoming<\/div>\n        <p class=\"theme-desc\">Explorations of purpose and what it means to live deliberately \u2014 not as a destination, but as an ongoing, non-linear practice.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- COMMUNITY -->\n<section class=\"community\">\n  <span class=\"section-label\">The quiet community<\/span>\n  <h2 class=\"section-title\">Be part of something still<\/h2>\n  <p class=\"community-sub\">A place to pause from the noise and listen inwardly. Through journaling, reflection, and stillness, we honour the quiet work shaping our lives.<\/p>\n  <img decoding=\"async\" class=\"community-img\" src=\"https:\/\/images.unsplash.com\/photo-1516062423079-7ca13cdc7f5a?w=1200&amp;auto=format&amp;fit=crop&amp;q=80\" alt=\"Open journal on desk\">\n  <div style=\"display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap;\">\n    <a href=\"#\" class=\"btn-primary\" style=\"background:var(--fog); color:var(--ink);\">Quiet Journals KE<\/a>\n    <a href=\"#\" class=\"btn-primary\" style=\"background:var(--mauve);\">Dear Mama Journal<\/a>\n  <\/div>\n<\/section>\n\n<!-- NEWSLETTER -->\n<section class=\"newsletter\" id=\"newsletter\">\n  <span class=\"section-label\">Letters from the quiet<\/span>\n  <h2 class=\"section-title\">Invite peace into your day<\/h2>\n  <p class=\"newsletter-sub\">Receive gentle reflections and mindful prompts straight to your inbox. A quiet moment each day to pause, reflect, and reconnect with what truly matters.<\/p>\n  <div class=\"newsletter-form\">\n    <input type=\"email\" placeholder=\"Your email address\" aria-label=\"Email address\">\n    <button type=\"button\">Join the Quiet \u2192<\/button>\n  <\/div>\n<\/section>\n\n<!-- BLOG STRIP -->\n<section class=\"blog-strip\">\n  <span class=\"section-label\">From the desk<\/span>\n  <h2 class=\"section-title\">The Blog<\/h2>\n  <a href=\"#\">Read thoughtful reflections on slow living, faith, and becoming \u2192<\/a>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-brand\">Quiet Journals KE<\/div>\n  <div class=\"footer-right\">\n    <a href=\"#\" aria-label=\"Instagram\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"TikTok\">\n      <svg width=\"16\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V9.01a8.16 8.16 0 004.77 1.52V7.08a4.85 4.85 0 01-1-.39z\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"YouTube\">\n      <svg width=\"20\" height=\"14\" viewBox=\"0 0 24 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"1\" y=\"1\" width=\"22\" height=\"16\" rx=\"4\"><\/rect><polygon fill=\"currentColor\" stroke=\"none\" points=\"9.5,5.5 16.5,9 9.5,12.5\"><\/polygon><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"Facebook\">\n      <svg width=\"10\" height=\"18\" viewBox=\"0 0 10 18\" fill=\"currentColor\"><path d=\"M6.5 18V9.5H9l.5-3H6.5V4.5c0-.8.2-1.5 1.5-1.5H9.5V.1C9.2.1 8.1 0 7 0 4.5 0 3 1.5 3 4v2.5H0v3h3V18h3.5z\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"LinkedIn\">\n      <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n    <\/a>\n  <\/div>\n  <div class=\"footer-copy\">Copyright \u00a9 2026 | Quiet Journals KE \u2014 A space for slow living, reflection, faith, and gentle growth.<\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Quiet Journals KE \u2014 Pause. Breathe. Write. Quiet Journals KE Quiet Digital Notes The Blog Journals Journal Pages About Contact Join the Quiet \u00d7 Digital Notes Journals Blog Shop About Join the Quiet A space for slow living &amp; reflection Pause.Breathe.Write. A quiet place to slow down, reflect honestly, and tend to the parts of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=580"}],"version-history":[{"count":2,"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/inthequietz.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}