Showing 27 results

RSI approached us with a clear mission: modernize their website to better reflect who they are today—a leading provider of revenue solutions for government agencies. Their existing WordPress site was slow, difficult to maintain, and visually inconsistent, weighed down by outdated brand elements and a confusing product structure.
They needed more than just a redesign—they needed a strategic rethinking of how their offerings were organized and communicated. From improving accessibility and SEO to creating a digital presence that felt both innovative and trustworthy, we worked together to build a site that serves their diverse audiences and supports long-term growth.
After years of helping organizations define their mission, vision, and values, the team behind ON Purpose saw how often those ideas stayed on walls instead of shaping everyday life. Created alongside Doing Good Works and O’Neil Printing, ON Purpose was built to help people and organizations live and lead with greater intentionality through storytelling, experiences, conversations, and community.

The Rule29 Brand Roadmap is our strategic framework for helping organizations connect, inspire, and create lasting impact.

by Rule29

by Rule29

by Rule29

by Rule29


by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

by Rule29

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Home Centered Care Institute — Rule29 Client Review</title> <!-- ╔══════════════════════════════════════════════════════════════════╗ ║ HCCI CLIENT REVIEW PORTAL — E26-0005HCC (2026-07-07 v03) ║ ║ Built from R29-Client-Portal-Template-01.html ║ ║ Rule29 · Making Creative Matter® ║ ║ Live URL: review.rule29.com/hcci-x-height/ ║ ╚══════════════════════════════════════════════════════════════════╝ --> <link rel="stylesheet" href="https://use.typekit.net/spq0ocm.css"> <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=Roboto+Mono:wght@400;500;700&display=swap" rel="stylesheet"> <style> :root { --color-navy: #051c2c; --color-indigo: #0047bb; --color-fuschia: #c964cf; --color-blue: #307fe2; --color-peri: #98b6e4; --color-peri-20: #e9f0fa; --color-yellow: #e0e722; --color-tomato: #e04f39; --color-green: #007c58; --color-lime: #26d07c; --color-white: #ffffff; --gradient-blue-fuschia: linear-gradient(270deg, #c964cf 0%, #2a7de2 100%); --font-display: 'marlide-display-variable', Georgia, serif; --font-body: 'inter-18pt', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-mono: 'Roboto Mono', 'SF Mono', 'Monaco', Consolas, monospace; --portal-bg: #040d16; --portal-nav-bg: rgba(4, 13, 22, 0.88); --portal-card-bg: #08192a; --portal-card-hover: #0d2239; --portal-pin-bg: #071422; --portal-border-subtle: rgba(152, 182, 228, 0.08); --portal-border-card: rgba(152, 182, 228, 0.11); --portal-border-hover: rgba(152, 182, 228, 0.30); --portal-stripe-width: 3px; --portal-card-radius: 12px; --portal-pin-radius: 10px; --portal-transition: 0.22s ease; --portal-hover-lift: translateY(-4px); --portal-hover-shadow: 0 18px 44px rgba(0,0,0,0.42), 0 0 0 1px rgba(152,182,228,0.09); --portal-text-primary: #dde8f4; --portal-text-secondary: #7a94a8; --portal-text-dim: #3e5468; --portal-max-width: 1140px; --portal-pad-h: 48px; --portal-pad-hero: 88px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); background: var(--portal-bg); color: var(--portal-text-primary); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; min-height: 100vh; background-image: radial-gradient(ellipse 70% 40% at 50% -2%, rgba(48,127,226,0.11) 0%, transparent 65%), radial-gradient(ellipse 40% 20% at 80% 100%, rgba(81,40,79,0.07) 0%, transparent 60%); } @keyframes pulse-dot { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(38,208,124,0.5); } 50% { opacity: 0.7; box-shadow: 0 0 0 5px rgba(38,208,124,0); } } @keyframes badge-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } nav { position: sticky; top: 0; z-index: 100; backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); background: var(--portal-nav-bg); border-bottom: 1px solid var(--portal-border-subtle); padding: 0 var(--portal-pad-h); height: 58px; display: flex; align-items: center; justify-content: space-between; } .nav-brand { display: flex; align-items: center; gap: 14px; } .nav-mark { height: 26px; width: auto; flex-shrink: 0; } .nav-pipe { width: 1px; height: 16px; background: var(--portal-border-card); flex-shrink: 0; } .nav-context { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--portal-text-secondary); } .nav-status { display: flex; align-items: center; gap: 9px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--portal-text-dim); } .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-lime); animation: pulse-dot 2.8s ease infinite; flex-shrink: 0; } .accent-stripe { height: 3px; position: fixed; bottom: 0; left: 0; z-index: 200; background: var(--gradient-blue-fuschia); transition: width 0.1s linear; } header { max-width: var(--portal-max-width); margin: 0 auto; padding: var(--portal-pad-hero) var(--portal-pad-h) 72px; } .hero-eyebrow { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-peri); margin-bottom: 22px; display: flex; align-items: center; gap: 14px; } .hero-eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--color-peri); opacity: 0.4; flex-shrink: 0; } .hero-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 5.8vw, 76px); line-height: 1.02; letter-spacing: -0.025em; color: var(--color-white); margin-bottom: 20px; text-wrap: balance; } .hero-sub { font-size: 16px; font-weight: 400; color: var(--portal-text-secondary); margin-bottom: 44px; max-width: 560px; } .hero-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .meta-item { display: flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--portal-text-secondary); } .meta-item svg { width: 13px; height: 13px; color: var(--color-peri); opacity: 0.65; flex-shrink: 0; } .meta-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--portal-text-dim); flex-shrink: 0; } main { max-width: var(--portal-max-width); margin: 0 auto; padding: 0 var(--portal-pad-h) 120px; } .sec-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .sec-label { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--portal-text-secondary); } .sec-count { font-family: var(--font-mono); font-size: 10.5px; color: var(--portal-text-secondary); } .sec-rule { height: 1px; background: linear-gradient(90deg, var(--portal-border-card) 0%, transparent 80%); margin-bottom: 24px; } .version-banner { background: linear-gradient(135deg, rgba(0,71,187,0.18) 0%, rgba(38,208,124,0.08) 100%); border: 1px solid rgba(38,208,124,0.22); border-radius: 0 12px 12px 0; border-left: 3px solid var(--color-lime); padding: 20px 28px; margin-bottom: 32px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .version-banner-label { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-lime); flex-shrink: 0; } .version-banner-text { font-size: 13px; color: var(--portal-text-secondary); line-height: 1.5; flex: 1; } .version-banner-text strong { color: var(--portal-text-primary); } .version-divider { display: flex; align-items: center; gap: 16px; margin: 48px 0 32px; } .version-divider-line { flex: 1; height: 1px; background: var(--portal-border-card); } .version-divider-label { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; white-space: nowrap; } .vd-v01 { color: var(--portal-text-dim); border: 1px solid var(--portal-border-card); } .vd-v02 { color: var(--color-peri); border: 1px solid rgba(152,182,228,0.3); background: rgba(152,182,228,0.06); } .vd-v03 { color: var(--color-lime); border: 1px solid rgba(38,208,124,0.3); background: rgba(38,208,124,0.06); } .pin-card { background: var(--portal-pin-bg); border: 1px solid var(--portal-border-card); border-radius: 0 var(--portal-pin-radius) var(--portal-pin-radius) 0; overflow: hidden; padding: 22px 22px 20px 26px; display: flex; flex-direction: column; gap: 7px; text-decoration: none; color: inherit; cursor: pointer; position: relative; transition: transform var(--portal-transition), background var(--portal-transition), border-color var(--portal-transition), box-shadow var(--portal-transition); } .pin-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--portal-stripe-width); background: var(--ac, var(--color-peri)); } .pin-card:hover { transform: var(--portal-hover-lift); background: var(--portal-card-hover); border-color: var(--portal-border-hover); box-shadow: 0 14px 36px rgba(0,0,0,0.38), 0 0 0 1px rgba(152,182,228,0.08); } .pin-card.ac-peri { --ac: var(--color-peri); } .pin-card.ac-lime { --ac: var(--color-lime); } .pin-card.ac-indigo { --ac: var(--color-indigo); } .pin-card.ac-fuschia { --ac: var(--color-fuschia); } .pin-tag { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--portal-text-secondary); margin-bottom: 2px; } .pin-name { font-size: 13.5px; font-weight: 600; color: var(--portal-text-primary); line-height: 1.3; } .pin-desc { font-size: 12px; color: var(--portal-text-secondary); line-height: 1.5; flex: 1; } .pin-cta { display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-peri); margin-top: 6px; opacity: 0.7; transition: gap var(--portal-transition), opacity var(--portal-transition); } .pin-card:hover .pin-cta { gap: 10px; opacity: 1; } .pin-cta svg { width: 11px; height: 11px; } .doc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } .doc-card { background: var(--portal-card-bg); border: 1px solid var(--portal-border-card); border-radius: 0 var(--portal-card-radius) var(--portal-card-radius) 0; overflow: hidden; padding: 26px 28px 22px 30px; display: flex; flex-direction: column; gap: 9px; text-decoration: none; color: inherit; cursor: pointer; position: relative; transition: transform var(--portal-transition), background var(--portal-transition), border-color var(--portal-transition), box-shadow var(--portal-transition); } .doc-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--portal-stripe-width); background: var(--ac, var(--color-peri)); } .doc-card:hover { transform: var(--portal-hover-lift); background: var(--portal-card-hover); border-color: var(--portal-border-hover); box-shadow: var(--portal-hover-shadow); } .doc-card.ac-peri { --ac: var(--color-peri); } .doc-card.ac-blue { --ac: var(--color-blue); } .doc-card.ac-lime { --ac: var(--color-lime); } .doc-card.ac-indigo { --ac: var(--color-indigo); } .doc-card.ac-fuschia { --ac: var(--color-fuschia); } .doc-card.archived { opacity: 0.55; } .doc-card.archived:hover { opacity: 0.8; } .doc-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .doc-type { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--portal-text-secondary); } .badges { display: flex; gap: 6px; flex-shrink: 0; } .badge { font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; } .badge-interactive { background: rgba(38,208,124,0.10); color: #26d07c; border: 1px solid rgba(38,208,124,0.22); } .badge-report { background: rgba(48,127,226,0.12); color: #7ab3f0; border: 1px solid rgba(48,127,226,0.28); } .badge-combined { background: rgba(201,100,207,0.12); color: #e8a8ec; border: 1px solid rgba(201,100,207,0.28); } .badge-updated { background: rgba(38,208,124,0.15); color: #26d07c; border: 1px solid rgba(38,208,124,0.35); font-weight: 700; } .badge-v03 { background: rgba(38,208,124,0.2); color: #1aaa62; border: 1px solid rgba(38,208,124,0.5); font-weight: 700; animation: badge-pulse 2.5s ease infinite; } .badge-archive { background: rgba(62,84,104,0.3); color: #5a7080; border: 1px solid rgba(62,84,104,0.4); } .doc-title { font-size: 15.5px; font-weight: 600; color: var(--portal-text-primary); line-height: 1.3; text-wrap: balance; } .doc-desc { font-size: 13px; color: var(--portal-text-secondary); line-height: 1.55; flex: 1; } .doc-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--portal-border-subtle); margin-top: 4px; } .doc-date { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--portal-text-secondary); } .doc-open { display: flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-peri); opacity: 0.7; transition: opacity var(--portal-transition), gap var(--portal-transition); } .doc-card:hover .doc-open { opacity: 1; gap: 9px; } .doc-open svg { width: 11px; height: 11px; } .align-block { background: var(--portal-card-bg); border: 1px solid var(--portal-border-card); border-radius: 0 var(--portal-card-radius) var(--portal-card-radius) 0; border-left: 3px solid var(--color-indigo); padding: 28px 32px; margin-top: 52px; } .align-block > h3 { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--portal-text-secondary); margin-bottom: 20px; } .align-table { display: grid; grid-template-columns: 1fr 36px 1fr; } .align-col-head { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--portal-text-dim); padding-bottom: 10px; border-bottom: 1px solid var(--portal-border-card); } .align-col-spacer { border-bottom: 1px solid var(--portal-border-card); } .align-left { font-size: 13.5px; font-weight: 600; color: var(--portal-text-primary); padding: 13px 18px 13px 0; border-bottom: 1px solid var(--portal-border-subtle); line-height: 1.4; } .align-connector { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--portal-border-subtle); color: var(--color-indigo); opacity: 0.6; } .align-connector svg { width: 13px; height: 13px; flex-shrink: 0; } .align-right { font-size: 13px; color: var(--portal-text-secondary); padding: 13px 0 13px 18px; border-bottom: 1px solid var(--portal-border-subtle); line-height: 1.4; } .align-table > *:nth-last-child(-n+3) { border-bottom: none; } footer { border-top: 1px solid var(--portal-border-subtle); padding: 32px var(--portal-pad-h); max-width: var(--portal-max-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .foot-brand { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--portal-text-dim); } .foot-brand strong { color: var(--portal-text-secondary); font-weight: 700; } .foot-note { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--portal-text-dim); } @media (max-width: 820px) { :root { --portal-pad-h: 24px; --portal-pad-hero: 56px; } .nav-context { display: none; } .doc-grid { grid-template-columns: 1fr; } footer { flex-direction: column; gap: 10px; } .align-table { grid-template-columns: 1fr; } .align-col-head:last-child, .align-col-spacer, .align-connector { display: none; } .align-left { padding: 12px 0 6px; border-bottom: none; } .align-right { padding: 0 0 12px; border-bottom: 1px solid var(--portal-border-subtle); } .align-table > *:nth-last-child(-n+3) { border-bottom: revert; } .align-right:last-child { border-bottom: none; } } </style> </head> <body> <div class="accent-stripe" id="stripe" style="width:0%"></div> <nav> <div class="nav-brand"> <svg class="nav-mark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 557.706" aria-label="Rule29"> <path fill="#2A7DE2" d="M41.9316,129.0362l32.4504,0.0974c2.1653,0.0082,3.9372-1.7093,3.9758-3.8746c0.0764-4.2281,0.1782-11.7594,0.1782-21.8836c0-34.3185,30.6223-61.2153,65.1372-64.1143c2.022-0.1695,3.5522-1.9071,3.5522-3.9365V3.9637c0-2.2311-1.8303-4.0311-4.0606-3.9617c-12.4927,0.3887-50.3791,4.0041-64.8262,33.05c-0.0742-0.0157-0.057-0.0123-0.1312-0.0276l0.0002-23.294c0-2.1879-1.774-3.9617-3.9622-3.9617L41.9468,5.7685c-2.1879,0-3.9617,1.774-3.9617,3.9619v115.3437c0,2.1826,1.7646,3.9539,3.9466,3.9622L41.9316,129.0362z"/> <path fill="#FFFFFF" d="M276.7256,371.1426H95.9679L245.37,192.752c0,0,34.575-38.3728,34.575-81.9172c0-0.2129-0.1052-5.1187-0.2262-6.777c-2.9032-52.4066-43.7579-95.2202-96.9315-104.006c-2.3801-0.3933-4.5412,1.5088-4.5412,3.9212v33.7437c0,1.8198,1.2469,3.3578,3.0028,3.8359c30.1289,8.1998,50.5809,35.7342,50.5809,68.4608c0,17.194-8.651,33.4925-25.3017,55.4985L0.9492,410.3793c-2.1848,2.5737-0.3555,6.5259,3.0205,6.5259l239.1307,0.0003c2.3412,0,4.5627-1.0355,6.0681-2.8282l30.5908-36.4243c0.2708-0.3224,0.4788-0.6656,0.6294-1.02c1.0535-2.4796-0.7176-5.4904-3.663-5.4904L276.7256,371.1426z"/> <path fill="#FFFFFF" d="M426.9073,138.7173c-70.5692,0-127.7768,54.414-127.7768,121.5367s56.7699,121.5076,128.9961,121.5076L285.821,551.1964c-2.1651,2.5777-0.3324,6.5097,3.0336,6.5097h49.4699c2.3404,0,4.5611-1.0345,6.0667-2.8265l179.3897-213.5024c19.017-23.1778,30.9029-48.6344,30.9029-81.1229C554.6838,193.0653,497.3729,138.7174,426.9073,138.7173L426.9073,138.7173z M426.9073,337.5108c-42.6677,0-77.2566-34.5893-77.2566-77.2568s34.5889-77.2563,77.2566-77.2563s77.2565,34.5891,77.2565,77.2563S469.5749,337.5108,426.9073,337.5108z"/> </svg> <div class="nav-pipe"></div> <span class="nav-context">Client Review Portal</span> </div> <div class="nav-status"> <span class="live-dot"></span> Private Link </div> </nav> <header> <p class="hero-eyebrow" id="ey">Secure Client Review · Website & Content Strategy</p> <h1 class="hero-title" id="ht">The Clarity Advantage</h1> <p class="hero-sub" id="hs">A complete website and content strategy for Home Centered Care Institute — 3 audits + 8 strategy deliverables. Version 03 incorporates all client feedback from rounds 1 & 2, including the organizational maturity framework, HCCInteractive Solutions positioning, and all renamed sections.</p> <div class="hero-meta" id="hm"> <div class="meta-item"> <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 2H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.5Z"/><polyline points="9.5 2 9.5 5.5 13 5.5"/></svg> 11 Sections </div> <div class="meta-dot"></div> <div class="meta-item"> <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6.5"/><polyline points="8 5 8 8.5 10.5 10.5"/></svg> v03 · July 2026 </div> <div class="meta-dot"></div> <div class="meta-item"> <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v2M8 12v2M2 8h2M12 8h2M4.22 4.22l1.42 1.42M10.36 10.36l1.42 1.42M4.22 11.78l1.42-1.42M10.36 5.64l1.42-1.42"/></svg> Confidential </div> </div> </header> <main> <!-- VERSION BANNER --> <div class="version-banner" id="vb"> <span class="version-banner-label">v03 Updated</span> <span class="version-banner-text"><strong>Complete strategy rewritten per client feedback rounds 1 & 2.</strong> All 11 sections in one file · Organizational maturity framework (Stage 1/2/3) replaces stakeholder-title pathways · HCCInteractive Solutions named and positioned · Build & Scale restructured with Solutions Portfolio hub · Learning Hub removed from public nav · Evidence & Insights replaces Resources · Advisor Network broken out · All open items and pending stats flagged. Individual v02 deliverables and v01 originals preserved below.</span> </div> <!-- ═══════════════════════════════════════════ V03 — COMBINED MASTER FILE ════════════════════════════════════════════ --> <div class="version-divider"> <div class="version-divider-line"></div> <span class="version-divider-label vd-v03">Version 03 · July 2026 · Complete — All Feedback Applied</span> <div class="version-divider-line"></div> </div> <div class="sec-head"><span class="sec-label">Complete Strategy Package — Start Here</span></div> <div class="sec-rule"></div> <div style="margin-bottom: 52px;"> <a class="pin-card ac-lime" href="/hcci-x-height/hcci-clarity-combined_03" id="pc-v03" style="border-radius: 0 var(--portal-pin-radius) var(--portal-pin-radius) 0; max-width: 100%;"> <div class="pin-tag">All 11 Sections · 3 Audits + 8 Strategy Deliverables · <span style="color:var(--color-lime);">v03 — Complete</span></div> <div class="pin-name" style="font-size: 18px;">The Clarity Advantage — Complete Strategy & Audit Package v03</div> <div class="pin-desc" style="font-size: 13px; max-width: 780px;">Every deliverable in one document — Website Audit, Learning Hub Audit, Platform Options, plus all 8 strategy sections fully rewritten per client feedback. Organizational maturity framework, HCCInteractive Solutions, Solutions Portfolio, renamed sections, open items list, and all pending stats flagged. This is the primary review document.</div> <div class="pin-cta"> Open Complete Package v03 <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg> </div> </a> </div> <!-- ═══════════════════════════════════════════ V02 — INDIVIDUAL DELIVERABLES ════════════════════════════════════════════ --> <div class="version-divider"> <div class="version-divider-line"></div> <span class="version-divider-label vd-v02">Version 02 · July 2026 · Individual Deliverables</span> <div class="version-divider-line"></div> </div> <div class="sec-head"><span class="sec-label">Read First — v02</span></div> <div class="sec-rule"></div> <div style="margin-bottom: 52px;"> <a class="pin-card ac-peri" href="/hcci-x-height/hcci-clarity-00_02" id="pc1v2" style="border-radius: 0 var(--portal-pin-radius) var(--portal-pin-radius) 0; max-width: 100%;"> <div class="pin-tag">Strategy Overview · Start Here · <span style="color:var(--color-peri);">v02 — Individual Files</span></div> <div class="pin-name" style="font-size: 16px;">Strategy, Traceability & Data — v02</div> <div class="pin-desc" style="font-size: 13px; max-width: 680px;">Individual strategy overview file. See the v03 combined package above for the fully updated version with all feedback applied.</div> <div class="pin-cta">Open Strategy Overview v02 <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> </a> </div> <div class="sec-head"> <span class="sec-label">The Seven Deliverables — Version 02</span> <span class="sec-count">7 sections</span> </div> <div class="sec-rule"></div> <div class="doc-grid"> <a class="doc-card ac-lime" href="/hcci-x-height/hcci-clarity-01_02" id="dc1v2"> <div class="doc-top"><div class="doc-type">Deliverable 1 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">Website Structure & Navigation</div> <div class="doc-desc">Revised sitemap with maturity-stage audience selector, HCCInteractive Solutions added, Solutions Portfolio hub, renamed sections (Events, Evidence & Insights, Train Your Team), and all open items flagged.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue" href="/hcci-x-height/hcci-clarity-02_02" id="dc2v2"> <div class="doc-top"><div class="doc-type">Deliverable 2 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">Homepage Narrative Framework</div> <div class="doc-desc">Updated hero messaging per client direction, stage-based audience pathway selector replacing stakeholder-title cards, revised proof points, updated CTA system, newsletter sign-up elevated as a priority placement.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue" href="/hcci-x-height/hcci-clarity-03_02" id="dc3v2"> <div class="doc-top"><div class="doc-type">Deliverable 3 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">Page-Level Content Architecture</div> <div class="doc-desc">Updated page blueprints reflecting the maturity framework, renamed sections, moved pages, HCCInteractive Solutions added, Learning Hub removed from public nav, Evidence & Insights replacing Resources.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-lime" href="/hcci-x-height/hcci-clarity-04_02" id="dc4v2"> <div class="doc-top"><div class="doc-type">Deliverable 4 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">Audience Journey Recommendations</div> <div class="doc-desc">Four audience journeys updated to reflect the organizational maturity framework. Stage-based entry points replace stakeholder-title routing. HCCInteractive Solutions added to Population Health and Healthcare Org journeys.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-lime" href="/hcci-x-height/hcci-clarity-05_02" id="dc5v2"> <div class="doc-top"><div class="doc-type">Deliverable 5 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">CTA & Conversion Recommendations</div> <div class="doc-desc">Updated to reflect stage-based routing, "Enroll" replaced with "Join the Community," newsletter sign-up elevated, and CTAs updated to speak to mid-journey visitors not only those just starting out.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue" href="/hcci-x-height/hcci-clarity-06_02" id="dc6v2"> <div class="doc-top"><div class="doc-type">Deliverable 6 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">SEO & Content Recommendations</div> <div class="doc-desc">Updated to reflect renamed sections, moved pages, HCCInteractive Solutions added, social content pillars updated to address mid-journey visitors, and redirect map revised for all v02 URL changes.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue" href="/hcci-x-height/hcci-clarity-07_02" id="dc7v2"> <div class="doc-top"><div class="doc-type">Deliverable 7 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-updated">Updated</span></div></div> <div class="doc-title">Social Content Framework</div> <div class="doc-desc">Updated to reflect the maturity framework, renamed sections, and client feedback that social content pillars should address people already mid-journey. Mix updated to include acquisition, nurture, and peer content.</div> <div class="doc-foot"><div class="doc-date">July 2026 · v02</div><div class="doc-open">View Deliverable <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> </div> <!-- ═══════════════════════════════════════════ V01 ARCHIVE ════════════════════════════════════════════ --> <div class="version-divider"> <div class="version-divider-line"></div> <span class="version-divider-label vd-v01">Version 01 · June 2026 · Original Submission</span> <div class="version-divider-line"></div> </div> <div class="sec-head"><span class="sec-label">Read First — Original</span></div> <div class="sec-rule"></div> <div style="margin-bottom: 52px;"> <a class="pin-card ac-indigo archived" href="/hcci-x-height/hcci-clarity-00" id="pc1" style="border-radius: 0 var(--portal-pin-radius) var(--portal-pin-radius) 0; max-width: 100%;"> <div class="pin-tag">Strategy Overview · Start Here · <span style="color:var(--portal-text-dim);">v01 — Original</span></div> <div class="pin-name" style="font-size: 16px;">Strategy, Traceability & Data</div> <div class="pin-desc" style="font-size: 13px; max-width: 680px;">Original June 2026 submission. Preserved for reference. See v03 combined package above for the fully updated version.</div> <div class="pin-cta">Open Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> </a> </div> <div class="sec-head"> <span class="sec-label">The Seven Deliverables — Version 01</span> <span class="sec-count">Original · For Reference</span> </div> <div class="sec-rule"></div> <div class="doc-grid"> <a class="doc-card ac-lime archived" href="/hcci-x-height/hcci-clarity-01" id="dc1"> <div class="doc-top"><div class="doc-type">Deliverable 1 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">Website Structure & Navigation</div> <div class="doc-desc">The recommended ~18-page sitemap, outcome-based navigation model, audience pathways, content-organization principles, and the case for the restructure — from internal departments to how visitors actually think.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue archived" href="/hcci-x-height/hcci-clarity-02" id="dc2"> <div class="doc-top"><div class="doc-type">Deliverable 2 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">Homepage Narrative Framework</div> <div class="doc-desc">The recommended content flow for the HCCI homepage — hero messaging and alternates, a nine-section story structure, key proof points, the rebuilt audience pathway selector, and a three-tier CTA system.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue archived" href="/hcci-x-height/hcci-clarity-03" id="dc3"> <div class="doc-top"><div class="doc-type">Deliverable 3 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">Page-Level Content Architecture</div> <div class="doc-desc">Content blueprints for all 18 pages in the recommended marketing site — purpose, key messages, supporting content, proof points, CTAs, and a success metric per page.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-lime archived" href="/hcci-x-height/hcci-clarity-04" id="dc4"> <div class="doc-top"><div class="doc-type">Deliverable 4 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">Audience Journey Recommendations</div> <div class="doc-desc">How each of the four primary audiences moves from first touch to commitment — entry points, key messages, supporting proof, CTAs, and next steps.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-lime archived" href="/hcci-x-height/hcci-clarity-05" id="dc5"> <div class="doc-top"><div class="doc-type">Deliverable 5 of 7</div><div class="badges"><span class="badge badge-interactive">Interactive</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">CTA & Conversion Recommendations</div> <div class="doc-desc">A three-tier CTA hierarchy, audience-specific conversion map, a six-stage conversion ladder, and twelve numbered conversion recommendations.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue archived" href="/hcci-x-height/hcci-clarity-06" id="dc6"> <div class="doc-top"><div class="doc-type">Deliverable 6 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">SEO & Content Recommendations</div> <div class="doc-desc">Search strategy organized around the three-path spine, five content pillars in a hub-and-spoke model, a Phase 1A technical SEO foundation, a 12-month content roadmap, and KPIs.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> <a class="doc-card ac-blue archived" href="/hcci-x-height/hcci-clarity-07" id="dc7"> <div class="doc-top"><div class="doc-type">Deliverable 7 of 7</div><div class="badges"><span class="badge badge-report">Report</span><span class="badge badge-archive">v01</span></div></div> <div class="doc-title">Social Content Framework</div> <div class="doc-desc">Five content pillars, seven ownable themes, approved stat-of-the-week figures, a channel strategy by platform, a sustainable cadence, and KPIs.</div> <div class="doc-foot"><div class="doc-date">June 2026</div><div class="doc-open">View Original <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div></div> </a> </div> <!-- STRATEGY ALIGNMENT --> <div class="align-block"> <h3>How this aligns with the Marketing & Sales Strategy</h3> <div class="align-table"> <div class="align-col-head">Strategy Principle</div> <div class="align-col-spacer"></div> <div class="align-col-head">Where It Shows Up</div> <div class="align-left">Clarity problem, not value problem</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">The entire IA simplification and outcome-led homepage</div> <div class="align-left">Category to own: HBPC Enablement</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">Homepage hero, About, Build & Scale hub</div> <div class="align-left">Enabler, not vendor / consultant / operator</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">"Where HCCI Fits" section + Build & Scale</div> <div class="align-left">Organizational maturity stage as primary routing logic</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">Stage 1/2/3 selector on homepage + all audience journeys</div> <div class="align-left">Core story arc: Shift → Gap → Risk → Role → Proof → Path</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">Homepage narrative framework</div> <div class="align-left">Clarity → Confidence → Action framework</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">The structure of all stage journeys</div> <div class="align-left">Reduce load · trust faster · shorten the sales cycle</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">CTA ladder, Solutions Portfolio, HubSpot audience routing</div> <div class="align-left">One voice, no competing narratives</div> <div class="align-connector"><svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h8M6 2l4 4-4 4"/></svg></div> <div class="align-right">Content-org principles + social channel alignment</div> </div> </div> </main> <footer> <div class="foot-brand"><strong>Rule29</strong> · Making Creative Matter®</div> <div class="foot-note">Private review link · Not indexed by search engines</div> </footer> <script> (function() { var els = [ document.getElementById('ey'), document.getElementById('ht'), document.getElementById('hs'), document.getElementById('hm'), document.getElementById('vb'), document.getElementById('pc-v03') ].concat( Array.from(document.querySelectorAll('.pin-card')), Array.from(document.querySelectorAll('.doc-card')) ); els.forEach(function(el, i) { if (!el) return; el.style.opacity = '0'; el.style.transform = 'translateY(14px)'; setTimeout(function() { el.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; el.style.opacity = '1'; el.style.transform = 'translateY(0)'; }, 55 + i * 60); }); })(); (function() { var stripe = document.getElementById('stripe'); function update() { var d = document.documentElement; var pct = (d.scrollTop || document.body.scrollTop) / (d.scrollHeight - d.clientHeight) * 100; stripe.style.width = (pct || 0) + '%'; } window.addEventListener('scroll', update, { passive: true }); })(); </script> <script defer src="/_vercel/insights/script.js"></script> </body> </html>

by Rule29

by Rule29

by Rule29

by Rule29

What if the strongest brand didn’t shout, but whispered, “You’re enough”? In this episode of Design Of, we meet Katie Norregaard (Miss Katie Sings), whose gentle, authentic approach has made her a global voice in children’s music. From a box of rice as a drum to a viral anthem of resilience, Katie proves that empathy, representation, and quiet consistency can build something louder than any marketing campaign. Her story is a reminder for creatives, educators, and leaders alike: authenticity scales, and one kind, clear voice can change everything.

Your Brand Is Bigger Than You Think A brand used to live on a business card, a brochure, maybe a trade show booth.

In today's digital landscape, SEO is not just beneficial – it's essential. Learn why your business needs SEO and how it can skyrocket your online visibility and success. Dive into the world of Search Engine Optimization with us, and let's unlock the full potential of your website together.