القائمة
JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
| 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 |
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.