'Advisor'
Showing 13 results
View ResultCollaborating with Future Design Leaders and Saving Lives
In Kibera, one of the world’s largest slums, complex medical instructions and poor sanitation contribute to the spread of malaria. Partnering with Life in Abundance and graduate students from Kent State University, Rule29 set out to create simple, culturally relevant visual tools—leaflets, symptom cards, games, and campaigns—that could educate both children and adults. Designed with ethnographic research and local insight, these resources aim to improve understanding of malaria treatment and sanitation practices. What began as a student project has grown into a movement, proving that design can play a powerful role in building healthier communities.
View ResultJustin Ahrens on the Beautiful Business Podcast with Steven Morris
Steven Morris is a trusted advisor, author, and speaker helping to build evolved brands and beautiful businesses. Along with his latest book, Beautiful Business, he has also launched a podcast that recently featured our Chief Evangelist, Justin
View ResultRule29 is a Certified B Corporation®
Dreams evolve, and mine led to a mission-driven business. At Rule29, we're committed to making a difference while serving our clients with integrity.
View ResultSitemap Existing
by Rule29
- View Result
Sitemap Existing
by Rule29
View ResultJustin Ahrens
As founder, President, and CCO of Rule29, Justin Ahrens lives the firm’s philosophy of Making Creative Matter®
- View Result
HCCI Clarity Advantage 2
<!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>
- View Result
HCCI Clarity Advantage
by Rule29
- View Result
Sales Strategy
by Rule29
- View Result
HCCI recommendations
by Rule29
View ResultThe Design Of an Expert on Being an Expert: Meet David C. Baker
Enjoy this conversation about David’s start living among a remote Mayan community to becoming a leading authority on positioning, reinventing, and selling for firms in the creative and digital space.
View ResultThe Design Of The Beautiful Business: Meet Steven Morris
Steven Morris is a brand and culture advisor, author, and speaker. He believes that at its heart, business is a human-to-human venture. Much of what people do, they do unconsciously. People make decisions with their heads but act with their hearts.
- View Result
The Design Of an Expert on Being an Expert: Meet David C. Baker
Enjoy this conversation about David’s start living among a remote Mayan community to becoming a leading authority on positioning, reinventing, and selling for firms in the creative and digital space.