Partner resources
Branding
Official Rawkode Academy artwork, color values, and simple usage rules. Keep it consistent, legible, and uncluttered.
Logo assets
Use the right lockup for the space
Download an ink mark for light backgrounds or a white mark for dark backgrounds.
Color
One canonical palette
Cool blue surfaces, navy type, and a pink action color. The website uses paired light and dark values so contrast stays clear in either theme. Use a solid, high-contrast treatment for the logo.
Canvas
#f4f7fb
The light reading surface.
Ink
#0c1626
Primary text and solid artwork on light surfaces.
Accent
#c2185b
Links, primary actions, and selected states on light surfaces.
Night
#0a1220
The dark reading surface.
Light ink
#e8eef8
Primary text and solid artwork on dark surfaces.
Night accent
#ff7ab6
Links and actions on dark surfaces.
Type
Three typefaces, three jobs
The Red Hat family connects headlines, reading, and code. Display gives the page its voice; Text and Mono keep the technical content legible.
Understand the system.
Red Hat Display
Display
Headlines and section titles. Bold, upright, and tightly set.
Practical lessons for the people building cloud native.
Red Hat Text
Body
Body copy and interface text. Clear at reading sizes.
kubectl get pods
Red Hat Mono
Mono
Code, timestamps, and concise technical metadata.
Usage
Keep the mark simple
The brand works best with contrast, room to breathe, and no extra effects competing with the logo.
Rules
- Keep clearspace around the mark on all sides.
- Do not stretch, skew, outline, or add shadows to the logo.
- Do not apply gradients to the logo; tint it as a single solid color.
- Use the wordmark where the full name needs to be understood quickly.
- Use the monogram or icon in constrained square placements.
- Avoid busy backgrounds unless there is enough contrast.
Inline SVG tinting
.brand-logo svg * {
fill: currentColor !important;
}
.brand-logo--accent {
color: #c2185b;
}