Preview image. Unlock full-res
Light page showing Security's blue theme applied across dithering-texture, core-theme, and code-scanning example cards with an 80/10/5/5 color ratio key.
Summary
A Security color-application page showing the blue theme realized across dithering, core-theme, and code-scanning surfaces, paired with the same 80/10/5/5 usage-ratio guidance.
Visual description
Light background. Left column: "Security's color theme" heading, grey copy about injecting blue to highlight security features alongside GitHub Green, a "How agentic AI is accelerating DevOps" thumbnail, and the green-marker ratio key (80% Neutrals, 10% Primary Hero, 5% Secondary Hero, 5% Accent). The right area is a labeled grid: DITHERING TEXTURE (light and dark "Application security where found means fixed" cards with blue dither edges), CORE THEME ("Intro to open source" cards), and a large code-scanning UI panel showing a CodeQL "Prototype-polluting function" finding with a Copilot Autofix suggestion. A NO BRANDING note sits at lower-center.
Key takeaway
The cross-sub-brand consistency: Security reuses Copilot's exact color-application template, swapping purple for blue. Anchoring with a real code-scanning finding keeps it credible.
Reuse notes
Parallels the Copilot color-application pages. Reusing one template per sub-brand keeps the whole color chapter uniform and quick to author.
From this deck: Security color theme applications
View deck
