An eight-week peer-led recovery program · Debra King
Stacked
Chances. Choices. Changes.
Recovery is possible. You're worth it.
Maker's mark
Display
Frank Ruhl Libre
Body
Inter Regular · 16/24
Single accent
#4B781C Leaf
);
}
// ─────────────────────────────────────────────────────────────────────────
// 2. DAY 1 POSTER — type-only, set like a Penguin cover
// ─────────────────────────────────────────────────────────────────────────
function Day1Poster() {
return (
No. 001 · Day oneCohort affirmation
You're not
behind.
You're exactly
where you're
supposed to be.
Some weeks recovery is a list of phone calls you didn't make.
Today is not one of those weeks.
Eight weeks. A small group. Honest conversation
about the work of staying sober — daytimers and
to-do lists, boundaries and phone calls, quality
over quantity.
Led by Debra King, with lived experience and the
language to match.
You're right where you're supposed to be.
↳ Documentary, never editorial-glossy
cccrecovery.ca
Blue skies and green lights.
(289) 207-2617
);
}
// ─────────────────────────────────────────────────────────────────────────
// 3b. ACRONYM POSTER — HALT / FEAR set as acrostics, in Debra's words
// ─────────────────────────────────────────────────────────────────────────
function AcrostichPoster() {
const Acrostic = ({ letters, color = C.inkwell, accent = C.oxblood }) =>
{letters.map(([L, rest], i) =>
{L}{rest}
)}
;
return (
No. 002 · VocabularyThe words we use
HALT — when to stop and ask why
"I was all of the above. So I went home."
FEAR — and what to do with it
"This was not my goal. It caught up with me anyway."
Chances. Choices. Changes.Quality, not quantity.cccrecovery.ca
Specimen — Palette + TypeOne dominates per surface · never equal weight
{swatches.map((s) =>
{s.group}{s.name}
{s.hex}
{s.role}
)}
Display — Frank Ruhl Libre
Aa Bb Cc Recovery, set in type.
Italic for pull quotes only.
Body — Inter · 16/24 Regular
HALT. Hungry, Angry, Lonely, Tired.
FEAR. Fuck Everything And Recover.
Blue skies and green lights.
The vocabulary is the point. We don't sand it down.
Sentence case onlyOne typeface per roleAsymmetric grids60% air on every surface
);
}
// ─────────────────────────────────────────────────────────────────────────
// CANVAS COMPOSITION
// ─────────────────────────────────────────────────────────────────────────
function App() {
const { DesignCanvas, DCSection, DCArtboard } = window;
return (
);
}
// ─────────────────────────────────────────────────────────────────────────
// PROFILE LOGO — square 1080×1080, designed to crop cleanly into the
// circular avatar that Instagram and Facebook use. All key marks sit inside
// the inner 820px-diameter "safe circle".
// ─────────────────────────────────────────────────────────────────────────
function ProfileLogo() {
return (
C.C.C.
Chances. Choices. Changes.
);
}
// ─────────────────────────────────────────────────────────────────────────
// PROFILE LOGO ON INKWELL — alt version for accounts that prefer a dark mark.
// ─────────────────────────────────────────────────────────────────────────
function ProfileLogoDark() {
return (
C.C.C.
Chances. Choices. Changes.
);
}
// ─────────────────────────────────────────────────────────────────────────
// STORY — H.A.L.T. acrostic (1080×1920), matches the FEAR story format.
// ─────────────────────────────────────────────────────────────────────────
function StoryHalt() {
const rows = [
["H", "ungry"],
["A", "ngry"],
["L", "onely"],
["T", "ired"]
];
return (
H.A.L.T. — when to stop and ask why
{rows.map(([L, rest], i) => (
{L}{rest}
))}
"I was all of the above. So I went home."
cccrecovery.caBlue skies and green lights.
);
}
// ─────────────────────────────────────────────────────────────────────────
// VOCABULARY REFERENCE — 1400×900, brand-reference card showing HALT + FEAR
// as a side-by-side glossary. Quieter than the postable Stories versions.
// ─────────────────────────────────────────────────────────────────────────
function VocabularyReference() {
const Acro = ({ letters }) => (
{letters.map(([L, rest], i) => (
{L}{rest}
))}
);
return (
Vocabulary — for designers & partners
Reference
H.A.L.T. — when to stop and ask why
"I was all of the above. So I went home."
F.E.A.R. — and what to do with it
"This was not my goal. It caught up with me anyway."
Chances. Choices. Changes.The vocabulary, in Debra's words.cccrecovery.ca
);
}
// ─────────────────────────────────────────────────────────────────────────
// QR — real, scannable QR rendered as crisp SVG rects. Uses the global
// `qrcode` generator loaded in index.html. Encodes the program website so a
// scan lands on the apply page (matching the QR on Debra's current card).
// ─────────────────────────────────────────────────────────────────────────
function QRCode({ value, size = 210, fg = C.inkwell, bg = C.vellum, quiet = 2 }) {
let qr;
try {
qr = window.qrcode(0, "M");
qr.addData(value);
qr.make();
} catch (e) {
// Library not present — render a quiet placeholder rather than crashing.
return ;
}
const count = qr.getModuleCount();
const total = count + quiet * 2;
const cell = size / total;
const rects = [];
for (let r = 0; r < count; r++) {
for (let c = 0; c < count; c++) {
if (qr.isDark(r, c)) {
rects.push(
);
}
}
}
return (
);
}
// ─────────────────────────────────────────────────────────────────────────
// BUSINESS CARD — FRONT (3.5 × 2 in · 1050 × 600 at 300dpi)
// The identity side: cream stock, the person named, the promise stated.
// ─────────────────────────────────────────────────────────────────────────
function BusinessCardFront() {
return (
Chances. Choices. Changes.
Est. 2026
Debra King
Founder · Peer recovery counsellor
Recovery is possible.
You're worth it.
cccrecovery.caToronto, ON
);
}
// ─────────────────────────────────────────────────────────────────────────
// BUSINESS CARD — BACK (3.5 × 2 in · 1050 × 600 at 300dpi)
// The message side: forest stock, the program in one breath, contact + QR.
// ─────────────────────────────────────────────────────────────────────────
function BusinessCardBack() {
return (
A new beginning starts here
An eight-week supportive recovery program.
We help individuals in recovery rebuild healthier habits,
strengthen resilience, and create lasting change.
(289) 207-2617debra@cccrecovery.ca
Scan to apply cccrecovery.ca
);
}
// ─────────────────────────────────────────────────────────────────────────
// CIRCULAR STICKERS — die-cut circles, print at 3 in on matte vinyl.
// Rendered on a 1000 × 1000 canvas: light backing sheet, dashed cut line,
// artwork inside the 920 px face. Print shop trims on the dashed line.
// ─────────────────────────────────────────────────────────────────────────
function StickerArcText({ id, text, radius = 368, color = C.inkwell, fontSize = 27 }) {
// Mono caps set along the top arc of the 920 × 920 sticker face.
const cx = 460, cy = 460;
return (
);
}
function StickerShell({ face = C.vellum, children }) {
return (
{/* die-cut line */}
{/* sticker face — the margin around it is transparent (die-cut) */}