菜单
JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Log a Notion meeting to GHL — extracts attendees, outcomes, action items, then updates CRM contact with tags, notes, and follow-up tasks
Feature Justice Matrix items for storytelling and content creation
Ralph research agent for discovering global youth justice cases and advocacy campaigns
Review pages visually and test accessibility using agent-browser CLI
Review JusticeHub code against ACT ecosystem values. Enforces cultural protocols, ALMA principles, and regenerative design.
Intelligent scraper for Australian youth justice sources. Discovers, extracts, and learns from government, Indigenous, research, and media sources.
| name | justicehub-brand-alignment |
| description | JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing. |
"Truth needs no filter, accessible by design"
| DO | DON'T |
|---|---|
| "Australia locks up children. Communities have the cure." | "Together we can make a difference" |
| "24x Indigenous kids locked up vs non-Indigenous" | "Disproportionate representation" |
| "FIND HELP NOW" | "Learn More" |
| Blunt honesty, numbers over narratives | Soft language, charity framing |
/DESIGN.md)| Context | Background | Key colours |
|---|---|---|
| Public / marketing | Off-white #F5F0E8 | Black #0A0A0A, red #DC2626 (CTAs only) |
| Inverted / hero bands | Black #0A0A0A | Off-white text, one red or emerald moment |
| Data / intelligence | Black #0A0A0A | Emerald #059669 (works), red #DC2626 (fails) |
| Steward / community | Off-white #F5F0E8 | Emerald #059669 accent |
| Admin / tooling | Off-white #F5F0E8 | Hairline borders, mono labels |
.container-justice /* Max-width container */
.section-padding /* py-20 */
.headline-truth /* Hero headlines */
.hero-stat /* Large mono numbers */
Sharp corners (radius 0 default), 1-2px solid borders, NO drop shadows by default.
The old hard offset shadow shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] is RETIRED. Use it at most once per page on a primary CTA as a deliberate constructivist accent, never as the default card treatment.
#059669 (use #047857 for emerald text on cream)#DC2626| Need | Reference |
|---|---|
| Color palette | references/colors.md |
| Components | references/components.md |
| Page templates | references/templates.md |
| Accessibility | references/accessibility.md |
| Steward styling | references/steward-styling.md |