Hex copied!
Official Design Reference · April 2026 · Version 2.0

UNMISS Human Rights Division
Data Visualization &
Brand Identity Guidelines

A comprehensive specification for all data products produced by or on behalf of UNMISS HRD — covering brand identity, color systems, typography, chart standards, infographic templates, and cartographic rules. Binding for all staff and external designers.

IBM Plex Sans
16 Sections
6 Color Palettes
Live Q1 2026 Data
Hover to Copy Hex

Brand Identity

UNMISS Human Rights Division’s public voice rests on clarity, neutrality, and respect for victims. Data visualization is part of that identity: graphics must be instantly recognizable as HRD work, aligned with institutional messaging, and free of sensational or political styling. This section sets expectations before you apply color, type, and layout rules in the rest of the guide.

Institutional alignment

All charts, maps, dashboards, and infographics should reinforce HRD’s mandate — documenting human rights and humanitarian law concerns in South Sudan — without undermining the UN’s impartiality. Visual choices support trust: consistent use of the HRD logo, approved palettes, and IBM Plex typography signals official analysis rather than advocacy or campaign material.

Logo and naming

Use the approved UNMISS HRD logo (see header and infographic mockup) on covers, hero panels, and report mastheads. Do not redraw, recolour, or distort the mark. Pair it with the full name UNMISS Human Rights Division or “UNMISS HRD” where space is limited — never unofficial abbreviations. Data products remain subordinate to the logo hierarchy: the logo anchors the page; charts sit in clearly defined content areas below.

Voice through visualization

Tone is carried by restraint: avoid decorative effects, emotive colour (e.g. alarm red for emphasis), or playful iconography. Let the data speak; use annotation and source lines to explain context. Brand identity here means predictable structure — readers know where to find titles, sources, and disclaimers — which strengthens credibility over time.

Relationship to this guide: The following sections specify how to implement the brand — exact colours, type scales, chart types, maps, and infographic layout. Treat those rules as part of the HRD brand system; deviations require sign-off from Information Management, HRD.

Brand Color Foundation

The UNMISS HRD color system is anchored in deep institutional navy — derived directly from the HRD logo. All six data palettes extend from this root without overlap. Click any swatch to copy its hex code.

Primary Palette

Copy #0D1F3C
Navy Dark
#0D1F3C
Hero · Header panels · Footer backgrounds
Copy #1A3260
Navy Mid
#1A3260
Key figure panels · Section headings
Copy #2D6BE4
Blue Accent
#2D6BE4
Active states · Links · Highlight elements
Copy #E8EDF7
Navy Soft
#E8EDF7
Table alternates · Chips · Code backgrounds
Copy
Text Dark
#0D1F3C
Primary body text · Chart value labels
Copy
Text Mid
#4A5568
Section descriptions · Table body text
Copy
Text Muted
#8898A8
Axis labels · Footnotes · Captions

Violation Types — Color System

Six distinct colors, each permanently assigned to one violation type. This palette occupies the cool-dark chromatic region (deep navy, cobalt, teal, indigo, wine, forest). Red and yellow are excluded. Hover to expand. Click to copy.

Separation Principle: The violation palette (cool/dark), perpetrator palette (warm/earth), and gender palette (vivid/bright) are drawn from entirely different chromatic families. No color in any palette is visually similar to any color in another.
Copy #0D1F3C
Killed
#0D1F3C
Midnight Navy — the most severe outcome, anchored in brand primary. Highest visual weight.
Copy #1565C0
Injured
#1565C0
Cobalt Blue — physically harmed. Clear distinction from Killed. Same hue family, lighter.
Copy #00695C
Abducted
#00695C
Dark Emerald — deprivation of freedom. Warm-cool teal, fully distinct from blue family.
Copy #4527A0
CRSV
#4527A0
Deep Indigo-Violet — conflict-related sexual violence. Distinctive chromatic territory.
Copy #6A1B4D
SGBV
#6A1B4D
Deep Wine — sexual and gender-based violence. Maroon-purple, related to CRSV but distinct.
Copy #2E7D32
Arbitrary Arrest / Detention
#2E7D32
Forest Green — administrative violation. Clearly differentiated from physical harm categories.
Violation palette preview — hover segments to expand
Killed · #0D1F3C
KILLED
Injured · #1565C0
INJURED
Abducted · #00695C
ABDUCTED
CRSV · #4527A0
CRSV
SGBV · #6A1B4D
SGBV
Arbitrary Arrest · #2E7D32
ARB. ARREST

Perpetrator Groups — Color System

Three colors in the warm earth and neutral grey family — visually in a completely different chromatic region from violations (cool) and gender (vivid). Q1 2026: Community-based militias and/or civil defense groups 67% · Conventional parties and other armed groups 28% · Unidentified and/or opportunistic armed elements 5%.

Copy #B45309
Community-based militias and/or civil defense groups
#B45309 · Dark Amber
Warm amber-ochre. Not red, not yellow. The dominant perpetrator category. Use heaviest weight.
Copy #374151
Conventional parties and other armed groups
#374151 · Dark Slate
Blue-grey slate. Incl. SSPDF, SPLA-IO, NAS, allied forces. Neutral-cool earth tone.
Copy #78909C
Unidentified and/or opportunistic armed elements
#78909C · Steel Grey
Medium steel grey. Unidentified and/or opportunistic armed elements. Lower visual weight reflects smaller share.
Q1 2026 distribution — bars proportional to victim share
Community-based militias and/or civil defense groups · #B45309 · 67%
Community-based militias and/or civil defense groups · 67%
Conventional parties and other armed groups · #374151 · 28%
Conventional parties and other armed groups · 28%
Unidentified and/or opportunistic armed elements · #78909C · 5%
Unidentified and/or opportunistic armed elements · 5%

Gender & Age Disaggregation — Color System

Four vivid, high-contrast colors in the sky-blue and raspberry-pink family — categorically distinct from violations (dark/cool) and perpetrators (warm earth). Adult/child pairs graduate in saturation. Q1 2026: Men 75.1% · Women 15.7% · Boys 6.1% · Girls 3.1%.

Copy #0277BD
Men
#0277BD
Ocean Blue. Adult male. Vivid, high-saturation anchor of the male pair.
Copy #4FC3F7
Boys
#4FC3F7
Sky Blue. Male child. Lighter graduation — same family, noticeably lighter than Men.
Copy #C2185B
Women
#C2185B
Deep Raspberry. Adult female. Opposite hue family from Men — unmistakable contrast.
Copy #F48FB1
Girls
#F48FB1
Blush Pink. Female child. Lighter graduation of Women. Clearly distinct from Boys.
Ordering Rule: When displaying all four gender categories, always order Men → Women → Boys → Girls. Adult categories precede child categories; blue family precedes pink family. This ordering is consistent across all chart types including stacked bars, waffle charts, and icon arrays.

State-Level Colors — South Sudan

Ten perceptually distinct colors for the ten states. Used in multi-state comparison charts and qualitative choropleth maps. All tested for color vision deficiency compatibility.

Copy
Jonglei
#1A3260
Copy
Unity
#0277BD
Copy
Warrap
#00695C
Copy
Central Equatoria
#4527A0
Copy
Western Equatoria
#2E7D32
Copy
Lakes
#C2185B
Copy
Upper Nile
#0097A7
Copy
Eastern Equatoria
#558B2F
Copy
W. Bahr el Ghazal
#6A1B4D
Copy
N. Bahr el Ghazal
#607D8B

Sequential & Intensity Scales

Used for choropleth maps, heatmaps, and any single-variable intensity visualization. Hover any step to expand. Always prefer the Navy scale as primary; use Teal as secondary when two intensity maps appear on the same page.

Navy Sequential — Primary

#E8EDF7
#BDD0EE
#7FAAD8
#4880BC
#1E5592
#0D2E68
Fewest victims / incidentsMost victims / incidents

Teal Sequential — Secondary

#E0F5F2
#99E0D8
#55C0B5
#22988D
#0D7268
#054D47
FewestMost

Type System — IBM Plex

IBM Plex Sans is the exclusive typeface for all UNMISS HRD data outputs. Designed for technical and data-dense environments, it offers exceptional legibility at small sizes, institutional authority, and an extensive weight range. No substitutions permitted.

Primary — All Text & UI
IBM Plex Sans
300 Light · 400 Regular · 500 Medium · 600 SemiBold · 700 Bold · 400 Italic
Headlines · Body · Labels · Legends · KFI numbers · Section titles
Condensed — Tight Spaces
IBM Plex Condensed
400 Regular · 600 SemiBold · 700 Bold
Axis tick labels · Side panel text · Legend items at small sizes · Infographic badges
Mono — Data & References
IBM Plex Mono
400 Regular · 500 Medium
Source citations · Hex values · Statistical IDs · Footnotes · Table references
Download: IBM Plex is free and open-source — fonts.google.com/specimen/IBM+Plex+Sans and github.com/IBM/plex. External designers must install the complete IBM Plex family before beginning work. Substitution with Arial, Helvetica, Open Sans, or any other family is not permitted.

Complete Type Scale & Usage Rules

Every text element in every HRD output has a specified size, weight, color, and use context. These are not suggestions — they are binding specifications. pt = print · px = digital/screen.

Element Preview Family Weight Size Color Usage Context
Infographic Title Human Rights Update IBM Plex Sans 700 Bold 28pt / 38px #0D1F3C Main title — always in dark header panel
Report Title Q1 2026 Update IBM Plex Sans 700 Bold 18pt / 24px #0D1F3C Word report cover · Section H1
Section Heading Civilian Casualties IBM Plex Sans 600 SemiBold 14pt / 18px #1A3260 Infographic section labels — uppercase tracked
Chart Title Victims by Perpetrator Group IBM Plex Sans 600 SemiBold 11pt / 14px #0D1F3C Directly above every chart. Always present.
Chart Subtitle January–March 2026 IBM Plex Sans 400 Italic 9.5pt / 12px #8898A8 Time period, scope, or clarifying note
Big Number (KFI) 1,355 IBM Plex Sans 700 Bold 42pt / 56px violation color Key figure indicators in infographic panels
KFI Label TOTAL VICTIMS IBM Plex Condensed 700 Bold 7.5pt / 9.5px rgba(255,255,255,.4) Caption below KFI — ALL CAPS, tracked 0.12em
Axis Labels Q1-2025 · Q4-2025 · Q1-2026 IBM Plex Condensed 400 Regular 8pt / 10.5px #8898A8 X and Y axis tick labels on all charts
Data Labels 737 IBM Plex Sans 600 SemiBold 9pt / 11.5px #0D1F3C or #FFFFFF Values on bars, lines, donut segments
Legend Text ● Community-based militias and/or civil defense groups IBM Plex Sans 500 Medium 8.5pt / 11px #4A5568 Legend entries for all chart types
Body / Highlights At least 1,355 civilians were affected… IBM Plex Sans 400 Regular 9pt / 11.5px #0D1F3C Highlights text · Body paragraphs
Source / Footnote Source: UNMISS HRD · Jan–Mar 2026 IBM Plex Mono 400 Regular 7pt / 9px #8898A8 Source lines — mandatory on every chart

Recommended Chart Types

Not all chart types suit HRD data. The following are approved for use — selected for communicating human rights data clearly to government officials, donors, and media. Hover cards to see use context.

Categorical
Vertical Bar Chart

Compare discrete violation types or time periods. Ideal for KFI comparisons across quarters.

Comparison Trend
Jonglei Warrap Unity C. Equatoria
Ranked
Horizontal Bar Chart

Ranking states, counties, or categories with long labels. Preferred for geographic comparisons.

Comparison Geographic
Proportional
Stacked Bar Chart

Part-to-whole with temporal or categorical breakdown. Ideal for violation type mix across states.

Proportion Comparison
Time Series
Line / Area Chart

Monthly or quarterly trends over extended periods. Use for perpetrator trend analysis.

Trend Comparison
1,355
Proportional
Donut Chart

Violation type proportions or perpetrator shares — maximum 5 segments. Total in centre.

Proportion
Q4-25 Q1-26 830 1355
Change
Slope / Dumbbell Chart

Quarter-on-quarter change, before/after comparisons. Shows direction and magnitude at a glance.

Trend Change
Jonglei 444 Warrap 260
Proportional
Treemap

State-level victim volume with proportional area. Powerful for showing relative scale at a glance.

Proportion Geographic
444
Geographic
Bubble / Dot Map

Hotspot mapping and incident density. Bubble area — not radius — scales to data value.

Geographic Distribution
Men 75% Women 16% Boys 6% Girls 3%
Distribution
Waffle / Icon Array

Gender disaggregation and proportion visualization for public-facing outputs.

Proportion Distribution

Mandatory Chart Elements

Every chart produced by or for UNMISS HRD must include all Required elements. Missing required elements will necessitate revision before any publication or dissemination.

Required
Chart Title

Descriptive and specific. States what is shown. Example: "Civilian Victims by Violation Type — Q1 2026"

Required
Source Line

Always: "Source: UNMISS Human Rights Division" with reporting period and applicable data caveats

Required
Legend / Key

All color-encoded categories must be identified. No chart should require guesswork to interpret.

Required
Axis Labels

Both axes labeled with variable name and unit. Example: "Number of Victims" · "Quarter (2023–2026)"

Required
Data Labels on Key Figures

At minimum: highest and lowest values must be labeled directly on the chart. All values preferred.

Required
Time Period

Always explicit. In title or subtitle: "January–March 2026 (Q1 2026)". Never ambiguous.

Recommended
Subtitle / Context

Geographic scope, comparison baseline, or qualifying methodology note below the chart title

Recommended
Comparison Baseline

Where trend analysis is relevant, prior period data should be shown or explicitly referenced

Recommended
Annotation Callouts

Highlight notable events (e.g., "Abiemnom mass casualty event, March 2026") where visible in data

Contextual
Confidence Flags

For data with known underreporting or pending verification, include a caveat indicator

Contextual
Map Boundary Disclaimer

All maps: "Boundaries shown do not imply official endorsement by the United Nations." Minimum 7pt.

Contextual
Classification Statement

Document classification and distribution (e.g., "For Official Use Only") where applicable

Annotated Sample Charts — Live Q1 2026 Data

All charts below are rendered from actual Q1 2026 data and demonstrate correct implementation of the color palettes, typography scale, mandatory elements, and annotation conventions.

Grouped Bar · Violation Palette

Victims by Violation Type — Three-Quarter Comparison

Q1-2025 · Q4-2025 · Q1-2026

Q1-2025
Q4-2025
Q1-2026
Source: UNMISS Human Rights Division · Period: Q1-2025, Q4-2025, Q1-2026 · Verified cases only
Donut · Perpetrator Palette

Victims by Perpetrator Group

Q1 2026 — January to March 2026

Source: UNMISS HRD · Q1 2026 · Total: 1,355 victims · 203 incidents
Horizontal Bar · Ranked · State Palette

Total Victims by State — Q1 2026 (January to March)

Ranked by victim count · Northern Bahr el Ghazal: zero documented incidents

Source: UNMISS HRD · Q1 2026 · Grand Total: 1,355 victims across 9 of 10 states · 203 incidents
Multi-Line Time Series · Perpetrator Palette

Monthly Victims by Perpetrator Group — Jan 2023 to Mar 2026

39-month trend analysis · Community-based militias and/or civil defense groups; Conventional parties and other armed groups; Unidentified and/or opportunistic armed elements

Community-based militias and/or civil defense groups
Conventional parties and other armed groups
Unidentified and/or opportunistic armed elements
Source: UNMISS HRD · Jan 2023 – Mar 2026 · Monthly verified victim counts
Stacked Bar · Gender Palette

Victims by Violation Type & Sex/Age

Q1 2026 · CRSV: male victims excluded per protocol

Men
Women
Boys
Girls
Source: UNMISS HRD · Q1 2026 · N/A = category not applicable to violation type
Grouped Bar · Three-Period

Quarterly Totals — Q1-25 vs Q4-25 vs Q1-26

All violation types and grand total

Q1-2025
Q4-2025
Q1-2026
Source: UNMISS HRD · Q4-25→Q1-26: +63% total victims

Cartographic Standards

Maps are produced using QGIS, ArcGIS, or validated web mapping libraries. Hand-drawn or traced maps are strictly prohibited. The UN boundary disclaimer is mandatory on all maps without exception.

Choropleth Maps
  • Use Navy Sequential Scale (Section 06) for intensity
  • 4–7 classification breaks; Natural Breaks (Jenks) preferred
  • Legend with numerical ranges, not color swatches only
  • State borders: 1pt #FFFFFF stroke; Country border: 1.5pt #4A5568
  • No-data areas: #DDE3EE fill, 0.5pt border
Proportional Symbol / Bubble Maps
  • Navy #0D1F3C for single-category; violation palette for multi-category
  • Bubble area — not radius — scales proportionally to data value
  • Minimum diameter: 4px · Maximum: 40px
  • Opacity: 0.75–0.85 for overlap visibility
  • Include 3-bubble size legend with labeled reference value
Mandatory Map Elements
  • Title — geographic scope + time period
  • Legend — all symbols and colors explained
  • Scale bar — all standalone maps
  • North arrow — all standalone maps
  • Source line — "Source: UNMISS HRD / OCHA"
  • UN boundary disclaimer — always present, min 7pt
  • HRD logo — bottom-right of map frame
Basemap Specifications
  • Background: #F4F6FA · Water: #C5DBF0
  • Adjacent countries: #EAE8E0 fill · #A8A098 label, 8pt Italic Condensed
  • South Sudan base: #F0EDE4
  • State labels: 8.5pt Medium IBM Plex Sans Condensed, uppercase, tracked
  • County labels: 7pt Regular, title case
  • Never use satellite/photo basemaps in published infographics

Infographic Grid Specifications

A standardized grid ensures cross-edition consistency while allowing content variation. All dimensions are specified for both A4/Letter landscape (print) and 1920×1080px (digital/screen).

Format & Dimensions
A4 Landscape: 297 × 210mm
Letter Landscape: 279 × 216mm
Digital Wide: 1920 × 1080px
Margins: 12mm all sides
Gutter: 6mm between columns
Column Structure
Header band: 100% width
Highlights band: 100% width
Key Figures panel: 25% left
Main Chart area: 75% right
Footer: 100% width
Color Zones
Header: #0D1F3C background
Highlights band: #162447
Key Figures panel: #1A3260
Chart area: #F4F6FA background
Footer: #0D1F3C

Infographic Mockup — Q1 2026

The mockup below demonstrates the correct layout, color zones, font hierarchy, and data placement. Each annotated element below the mockup corresponds to a specific typographic or design specification.

Violations and Abuses of International Human Rights and Humanitarian Law

Human Rights Situation Update

January to March 2026

April 2026
Highlights

In Q1 2026, at least 1,355 civilians were directly affected by violence across 9 of 10 states, a 63% increase vs Q4 2025. The Abiemnom mass casualty event (Unity State, March 2026) alone produced 194 victims. Community-based militias and/or civil defense groups remained the leading perpetrators at 67% of documented victims.

Key Figures — Q1 2026
1,355
Total Victims
737
Killed
456
Injured
93
Abducted
69
CRSV
203
Incidents
Victims by State — Q1 2026
Jonglei
444
Warrap
260
Unity
258
C. Equatoria
126
W. Equatoria
97
1,018
Men · 75.1%
213
Women · 15.7%
82
Boys · 6.1%
42
Girls · 3.1%
Source: UNMISS Human Rights Division · April 2026 The boundaries and names shown do not imply official endorsement by the United Nations For Official Use

Font Specifications by Element

Header Title
IBM Plex Sans · 700 Bold · 28pt / 38px · #FFFFFF

The main infographic title. Always sits in the dark header panel (#0D1F3C background). Never smaller than 24pt. Line height 1.15. Max width 65% of total header width.

Period Badge
IBM Plex Sans · 700 Bold · 9pt · ALL CAPS · tracking 0.12em · background: #2D6BE4

Publication month badge. White text (#FFFFFF) on blue accent. Fixed border-radius 4px. Always immediately below subtitle line.

Highlights Text
IBM Plex Sans · 400 Regular · 9pt · rgba(255,255,255,0.65)

Bullet-pointed highlights. Key figures within running text: 500 Medium, color #7EADEE. Line height 1.6. Maximum 3 bullets of 1–2 lines each.

KFI Big Number
IBM Plex Sans · 700 Bold · 28–42pt · violation color or #FFFFFF for totals

Key Figure Indicators. Size scales with panel width. Total victims always #FFFFFF (highest importance). Individual violation types use their designated violation palette color at reduced opacity.

KFI Label
IBM Plex Sans Condensed · 700 Bold · 7.5pt · ALL CAPS · tracking 0.12em · rgba(255,255,255,0.4)

Caption below KFI number. Always uppercase, always tracked. Never sentence case. Color must remain at 40% opacity white — it must not compete with the KFI number above.

Chart Area Title
IBM Plex Sans Condensed · 700 Bold · 8pt · ALL CAPS · tracking 0.12em · #8898A8

Section label within the chart area. Distinguishes sub-sections (e.g., "Victims by State") from the main chart title. Always in the muted text color.

Bar Labels
IBM Plex Sans · 400 Regular · 10pt · #4A5568 · right-aligned within fixed 90px width

State or category names beside horizontal bars. Use Condensed variant when label count exceeds 7 entries. Consistent width allocation prevents bar misalignment.

Footer Line
IBM Plex Mono · 400 Regular · 7pt · rgba(255,255,255,0.28)

Three footer items: Source attribution (left) · UN boundary disclaimer (centre) · Classification (right). All monospace for precision and institutional formality. Never omit the boundary disclaimer.

Standards & Common Errors

Binding constraints for all HRD data products. External designers should treat these as non-negotiable requirements, not stylistic preferences. Violating these rules will require revision.

Color — Do
Use exact hex values from this guide for every violation type, perpetrator group, and gender category
Keep violation (cool), perpetrator (warm earth), and gender (vivid) palettes in their distinct chromatic families
Use the Navy Sequential Scale for choropleth maps; Teal as secondary when two maps appear on one page
Maintain color consistency across all products produced in the same reporting period
Use #0D1F3C or #1A3260 for all header, panel, and footer backgrounds
Color — Don't
Never use red (#CC0000, #FF0000 or any variant) as a data encoding color
Never use yellow, amber, or gold for data encoding — reserved for warning/alert states only
Never repurpose violation colors for non-violation categories in the same document
Never use gradient fills on bars, donut segments, or map regions
Never introduce unlisted colors without IM Officer approval
Typography — Do
Use IBM Plex Sans exclusively — all weights 300–700 are available and in-scope
Follow the type scale strictly — sizes and weights are specifications, not suggestions
Use IBM Plex Sans Condensed for axis labels, side panel text, and space-constrained elements
Use IBM Plex Mono for all source citations, hex references, and table footnotes
Apply ALL CAPS with letter-spacing ≥0.1em for all badge and KFI label text
Typography — Don't
Never substitute Arial, Calibri, Helvetica, Open Sans, or any system font
Never use font sizes below 7pt (9px) in any published or shared output
Never mix more than 2 font families in a single visualization panel
Never use regular weight (400) for chart titles — minimum SemiBold (600)
Never use decorative, serif, or script fonts in any HRD output
Charts & Maps — Do
Include source line on every single chart, including in multi-chart dashboard layouts
Label data values directly on or adjacent to bars, lines, and donut segments
Always include a legend — never rely on chart title alone to identify categories
Annotate notable spikes or events (e.g., Abiemnom, March 2026) directly on trend charts
Include the UN boundary disclaimer on every geographic visualization
Charts & Maps — Don't
Never use 3D charts — they distort proportional reading and violate data integrity
Never use pie charts with more than 5 segments — use donut or horizontal bar instead
Never truncate Y-axes without explicit annotation explaining the non-zero baseline
Never size map bubbles by radius — always by area to preserve proportional accuracy
Never use drop shadows, glows, or decorative effects on any data element