Skip to main content

How this site is designed

This website is designed with girls, women and older women—not merely about them. Every page must protect dignity, support informed choice, work in English and Hindi, and remain understandable during stress.

Version
4.0
Status
Public standard

Clear enough to understand in fear. Calm enough to use in danger. Strong enough to support change.

The message can be radical. The interface must be calm, safe and human: a trusted public-interest service, an edited publication, a women-led movement and a practical rights library.

Direction A: editorial dignity

This is an original system, not a visual copy. It combines three useful public-interest qualities while keeping the site’s own language, safety model and India-specific purpose.

Chayn

Survivor-centred warmth, plain choices and an interface that never turns harm into spectacle.

The 19th

Women-led editorial confidence: expressive headlines, generous white space and a publication that takes its audience seriously.

The Marshall Project

Civic authority: strong rules, disciplined information hierarchy and evidence that remains visible beside the story.

The synthesis uses warm paper, ink-dark structure, confident display type, asymmetric editorial grids and visible sourcing. It rejects copied mastheads, decorative news tropes, trauma imagery, attention-seeking motion and card-filled dashboards.

Three visual temperatures

Care mode

Domestic violence, child abuse, sexual violence, grooming, emergency help and safety planning. Warm neutral background, modest headings, one clear action and no decorative animation.

Learning mode

Rights, law, equal pay, consent and toolkits. Editorial type, diagrams and clear source-led information hierarchy.

Movement mode

Campaigns, accountability and collective action. Stronger brand colour, reserved for moments that genuinely need public energy.

Approximately 80% of the site uses Care or Learning mode. Movement mode is not the default visual volume.

Explore the standard

  1. 01

    Foundations

    Identity, type, colour, space, imagery and language.

  2. 02

    Components

    A small, controlled library for useful action.

  3. 03

    Patterns

    Component combinations for real needs.

  4. 04

    Templates

    Repeatable page structures with one clear purpose.

  5. 05

    Content

    Plain language, bilingual equality and evidence.

  6. 06

    Accessibility and safety

    Access, privacy, safeguarding and low-bandwidth use.

  7. 07

    Governance

    How the system is owned, tested and improved.