The Codersera brand kit.
Logos, social-ready covers, avatars, color tokens, fonts, and canonical copy. Free for press, partners, and our own marketing. Every asset ships in PNG and SVG — download what you need, copy the wording, keep the mark and the blue untouched.
Mark and wordmark
The mark is a two-plane blue monogram in the brand gradient. The wordmark sets the mark next to 'Codersera' at 800 weight with tight tracking. Use the mark for avatars and icons; use the wordmark in headers, banners, and signatures.
Profile avatars
Pre-sized monograms for every social profile. Square by default; most platforms crop to a circle automatically.
Covers and headers
Profile, channel, and page banners for the major platforms, each sized to that platform's current spec.
Posts and pins
Vertical and square formats for in-feed posts, stories, and pins.
Email banners
Frame-less variants designed to sit at the top of a transactional or newsletter email, plus the email logo for signatures.
Favicons and touch icons
The bitmap icons we ship for browser tabs, OS docks, and iOS home-screen pins.
Press, launch, and OG cards
Pre-sized assets for launch platforms and the default social-share image when a page doesn't render a custom one.

Canonical copy, ready to paste
Five lengths plus a company About blurb. Pick the one that fits the field you're filling in. This is the single source of truth for any Codersera listing — the voice is the company, not a person.
Colors, fonts, do's and don'ts
The finalized Codersera blue tokens. Don't invent new colors or fonts — copy a hex with one click.
Color tokens
Every token below has a fixed hex and a role. Click a swatch row to copy the hex.
Brand gradient
The canonical gradient is a linear blend from accent to soft. Click to copy the CSS.
linear-gradient(135deg, #5885FF 0%, #A9C0FF 100%)Typeface
Codersera uses the platform system font stack — fast, native, zero font-file payload. Don't introduce a webfont; match the rest of the site.
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serifDo / don't
Press, partners, integrations
Everything on this page is free to use when referencing Codersera. Don't alter the mark, the wordmark, or the blue. If you need a variant we don't ship, email hello@codersera.comand we'll sort it out.
About Codersera →














