Monogram
Use for avatars, favicons, social icons, and tight square placements.
AvatarsFaviconsSocial badges
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
Preview the source artwork as a solid mark or with the canonical Rawkode Blue gradient, then download the variant you need.
Icon
Use for app tiles, partner lockups, product UI, and compact brand moments.
App tilesPartner cardsProduct UI
Wordmark
Use when the full Rawkode Academy name needs to be legible at a glance.
HeadersBannersPrint
Color
One canonical palette
Rawkode Blue is the single brand treatment across the academy, streams, partner materials, and product surfaces.
135 deg Rawkode Blue
The canonical brand gradient: purple into cyan, top-left to bottom-right.
Purple
Primary brand color, action states, and partner lockups.
Cyan
Secondary highlights, gradients, and accent surfaces.
Ink
Typography on light surfaces and deep brand backgrounds.
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.
- 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;
stroke: currentColor !important;
}
.brand-logo--primary {
color: #5F5ED7;
}