Susan Gamache
Design Guidelines
Colour, type, and the small decisions underneath them — read directly off this site's own stylesheet, so this page can't say something the site doesn't already do.
01 — Foundation
Purpose
“I do everything in my power to help individuals, couples and families develop strength and resilience when faced with life and/or relationship challenges.”
Mission
“I work to integrate ideas that provide spring boards to better life choices, communication, problem-solving, parenting practices, and overall well-being.”
Vision
“...these ‘marital transitions’ [are] an area where I felt I could make a difference” — for a society that still struggles to support people through separation and divorce as a mainstream life event.
02 — Logo
03 — Photography
04 — Colour
Surface
Primary
Greys
Five even steps, dark to light, tinted toward the brand rather than neutral. Grey 1 and 2 are safe for body text. Grey 3 needs to be large. Grey 4 and 5 are fills and borders, never type.
CTA
Additional
⚠️ No illustration/editorial colour exists on the live site. Open decision — add one when a real use case appears; nothing invented here.
Semantic
⚠️ No error/success/info states exist on the live site. Open decision — nothing invented here.
05 — Type
Inter — Light 300, Regular 400, Bold 700. The only family in use on the live site.
Layout
06 — Space. Shape. Depth.
Usage below is read directly from sg.css, not asserted.
Spacing
Radius
The one real value on the live site — checked against every real button instance, not a Kit default.
⚠️ Recommended scale — not scraped from the live site; a standard-practice suggestion for future components.
Elevation
No shadow — the default everywhere else on the site.
--shadow-image
Used on real content images (About page sidebar, Self-Evaluation LAND photos) — not rendered on this card itself, to keep this page's own cards flat.