Fight for justice Website Design

Circular Motifs and Yellow-Green Accents Define the Visual Language

The visual identity begins with a controlled palette of black, white, gray, and bright yellow-green. The dark full-width callout creates a strong contrast with the lighter content areas, while yellow-green appears as an accent rather than a constant background. This restraint lets the eight numbered strategy items stand out through their alternating dark and yellow-green circular markers. The markers are both functional and stylistic, linking the process section to the broader graphic language.

Rounded forms repeat across the page in the capability cards, advice cards, and contact form. That shared treatment softens the otherwise assertive black-and-white composition and gives separate content areas a common visual relationship. Circular photography and an overlapping abstract shape in the opening section introduce a more editorial image treatment, while circular service icons reinforce the same motif later without overwhelming the text-led layout.

Typography supplies the hierarchy. Large sans-serif headings create clear visual anchors for “About Our Work,” the strategy section, the advice area, and support content; compact body copy then fills the generous vertical spacing with controlled information density. The result is a design language that can extend beyond one section: strong dark bands, pale content fields, rounded containers, circular details, and selective yellow-green emphasis work together across the page. In a broader website design, these recurring decisions provide a recognizable identity for related pages while preserving room for different content arrangements.