Justicehub Brand Alignment

Name: Justicehub Brand Alignment
Author: majiayu000

ASecurity

JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.

666 stars
0 votes
0 copies
2 views
Added February 9, 2026

business

Security analysis

A100/100

Scanned February 12, 2026

npx -y skills add majiayu000/claude-skill-registry --skill justicehub-brand-alignment --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Justicehub Brand Alignment?

Add the live security badge to your README. It updates with every re-scan.

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/majiayu000-justicehub-brand-alignment/badge)](https://www.skillsdirectory.com/skills/majiayu000-justicehub-brand-alignment)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
name: justicehub-brand-alignment
description: JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.
---

# JusticeHub Brand Alignment

## Core Philosophy
**"Truth needs no filter, accessible by design"**

- Direct & Uncompromising
- Evidence-Based (data-driven, research-backed)
- Accessible First (WCAG AAA)
- Community-Centered
- Revolutionary Infrastructure

## Voice Rules

| 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 |

## Style Contexts

| Context | Background | Key Colors |
|---------|------------|------------|
| Homepage/Marketing | White | Black, Red accent |
| ALMA Intelligence | Dark (#0a0f16) | Green/Orange data |
| Steward/Community | White | Green-700 accent |
| Admin/SimCity | Gray-50 | Hard shadows |

## Key Classes

```css
.container-justice     /* Max-width container */
.section-padding       /* py-20 */
.headline-truth        /* Hero headlines */
.hero-stat             /* Large mono numbers */
```

## SimCity Shadow
```css
shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]
shadow-[6px_6px_0px_0px_rgba(0,0,0,1)] /* hover */
```

## Data Colors
- **Success/Community**: Blue (#1e40af)
- **Failure/Detention**: Orange (#ea580c)

## File References

| 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` |