Style Reference
Qusay Hussein Legacy Project — Visual Style Guide
A reference for the colors, fonts, type scale, and components used across qusayhussein.org. Documents what currently exists on the live site so all future modules stay consistent.
Colors
Color Palette
Indigo
#12094a
Headings, dark backgrounds, primary buttons
Ivory (background)
#F9F6F1
Primary page background
White
#FFFFFF
Card backgrounds, form fields
Warm Tan
#EAE4D8
Book section background
Gold Tint
#F5EDD8
Stats band, cartoon teaser, voice section
Ink Body
#3b2810
Body text on light backgrounds
Gold / Muted Brown
#5a3800
Eyebrow labels, credentials, muted text
Gold Border
#C8A86B
Borders, dividers, badge fills, accents
Plum (gradient start)
#5E3A7A
Contact page gradient, italic name accent
Deep Violet (gradient end)
#2A0147
Contact page gradient endpoint
MSF Red — pending review
#CC0000
Used in pills panel for MSF content. Borrows MSF's own brand color — under discussion whether to keep or replace with indigo/gold only.
UT Orange — pending review
#BF5700
Used in pills panel for UT content. Borrows UT Austin's own brand color — under discussion whether to keep or replace with indigo/gold only.
Typography
Fonts & Type Scale
Dr. Qusay Salih Hussein Al-Mamari
Al-Mamari
A Legacy That Continues
Digital Legacy Archive
Ph.D. · MSSW · Scholar · Humanitarian · Author
Standard body copy used throughout narrative and card descriptions.
CDP minimum text size — never go below this anywhere on the site.
Components
Buttons, Pills & Badges
Legacy Project
Survivor
Refugee
Scholar & UT Austin
Humanitarian & MSF
Accessibility Standards
CDP Requirements
| Element | Standard |
|---|---|
| Body text minimum size | 18px (1rem) |
| Standard body text size | 21px (1.15rem) |
| Touch target minimum | 52px height |
| Focus ring | 3px solid gold (#C8A86B) |
| Color contrast floor | WCAG AA (4.5:1) — AAA preferred (7:1+) |
| Indigo on Ivory contrast | 17.1:1 (AAA) |
| Ink Body on Ivory contrast | 10.2:1 (AAA) |
| Gold/Muted on Ivory contrast | 7.4:1 (AAA) |
| Ivory text on Indigo background | 17.1:1 (AAA) |
Site Structure
Page Map & Links
Every internal page and external reference link used across the site's modules. Status column should be verified in WordPress before relying on any link — some pages may still be in draft.
| Page | URL | Nav Location |
|---|---|---|
| Home | / | Identity bar link, Home (first item) |
| About | /about/ | Top-level |
| My Story — Cartoon | /cartoon/ | About → dropdown |
| Videos | /youtube/ | About → dropdown |
| Tribute | /tribute/ | Top-level |
| Publications & Media | /publications-and-media/ | Top-level + dropdown parent |
| Biography | /biography/ | Publications & Media → dropdown |
| Gallery | /gallery/ | Publications & Media → dropdown |
| Awards & Recognition | /awards-and-recognition/ | Publications & Media → dropdown |
| His Poetry | /his-poetry/ | Publications & Media → dropdown |
| Contact | /contact/ | Top-level (button style) |
External Institutional Links
| Source | URL |
|---|---|
| MSF — In Memoriam | doctorswithoutborders.org/latest/memoriam-dr-qusay-hussein-al-mamari |
| MSF — Board Profile | doctorswithoutborders.org/who-we-are/us-office/people/qusay-hussein-mssw-phd |
| MSF — His Story Feature | doctorswithoutborders.org/latest/my-new-life-story-qusay-hussein |
| UT Austin — Posthumous Tribute | socialwork.utexas.edu/dr-qusay-hussein-posthumously-honored-as-2025-outstanding-young-texas-ex/ |
| UT Austin — Texas Ex Award Announcement | socialwork.utexas.edu/three-time-texas-social-work-graduate-dr-qusay-hussein-named-2025-outstanding-young-texas-ex/ |
| UT Austin — Humanitarian Advocacy | global.utexas.edu/news/social-work-award-honors-graduates-humanitarian-advocacy |
Book & Media Links
| Source | URL |
|---|---|
| Barnes & Noble | barnesandnoble.com/w/can-you-open-my-eyes-qusay-salih-hussein-al-mamari/1146996046 |
| YouTube Channel | youtube.com/@qusayhussein1164 |
| MSF Documentary — Open My Eyes | youtube.com/watch?v=8t07V5aCcME |
| Facebook Archive | facebook.com/qossay.q |
| Instagram Archive | instagram.com/qusay_hussein9 |
| linkedin.com/in/qusay-hussein-479610137 | |
| X / Twitter Archive | x.com/qusayhussein9 |
Design Credit
| Source | URL |
|---|---|
| Cara Harpole — UX Design Warrior | uxdesignwarrior.com |