Brand
XR Jags and Southern University colors.
The look of this site after the October 2026 rebrand: Southern University gold, navy and Columbia Blue on a calm gray-and-white base. Print this page to make the brand PDF.
1 · Name
XR Jags / Extended Reality Jaguars Research Group
- Short nameXR Jags. Write it this way in text and headings.
- Full nameXR Jags / Extended Reality Jaguars Research Group. Use once, on first mention.
- One-line descriptionThe student research group for extended reality at Southern University and A&M College, Baton Rouge.
- TaglineExplore, Innovate, and Discover with XR Jags.
- Earlier namesVR Jags (student site). This web address was the CAAV conference site until October 2026.
2 · Wordmark
The wordmark is set in type: “XR Jags” in Supreme with a small gold square. The Southern University logo is used only as supplied by SU.
3 · Colors
Southern University colors.
Source: Southern University Visual Style Guide (October 2024). Official colors are Pantone; screen values are Pantone’s standard sRGB.
#FFC72CPrimary accent: buttons, highlights, the top-section field. Navy text on gold, never white.
Navy on gold 10.1:1
#FFD45CHover state for gold buttons, light end of the top-section field.
#E0A91FBorders on gold, deep end of the top-section field.
#8A6A00Gold-colored text on white or page gray.
5.0:1 on white
#00263ABrand dark: text on gold, dark panels, the launch block.
15.7:1 on white
#69B3E7Secondary accent on dark backgrounds and in the launch band.
#1F5F8BDarker Columbia Blue, only for small text on white or gray: links, small labels, "?" help buttons.
6.8:1 on white
Neutrals
#F2F2F2Page background (cool, not cream)
#FFFFFFPanels and cards
#070707Body text
18:1 on page gray
#5E5E5ESecondary text, captions
5.8:1 on page gray
#8A8A8AFirst line of two-tone headlines, large text only
3.1:1
#DCDCDCDividers and borders
4 · Color rules
- Use SU Gold for the main action on a page and for highlights.
- Put navy (#00263A) text and icons on gold.
- Use #8A6A00 when gold-colored text sits on white or gray.
- Use Columbia Blue as the second accent: links, hover and active states, focus rings, small labels, the reading-progress line and bands.
- Keep the gold top-section field only at the top of a page.
- Use orange, terracotta or red-orange anywhere. Anything that was orange is now SU Gold.
- Put white text on gold.
- Use Columbia Blue for something that was orange.
- Recolor the Southern University logo.
5 · Type
Supreme 300/400 · display
Switzer 400/500 · body and UI labels
Both are free fonts from the Fontshare (Indian Type Foundry) library, self-hosted, licensed under the ITF Free Font License. The license is in /assets/fonts/FFL.txt.
Shape and motion
Corners 24 px for cards and panels, 10 px for buttons (no pill buttons). Motion is GSAP: headlines rise in, images scale in on scroll. All of it is switched off for people who ask their device for reduced motion. Touch targets are at least 44 px.
6 · Archive
The earlier CAAV and Immersion in Motion brand marks stay in /assets/brand/ for reference. Their orange faces were recolored to SU Gold (#FFC72C) on October 24, 2026.
Southern University logo, as supplied