Brand Kit

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.

Codersera
Codersera
AVATARS

Profile avatars

Pre-sized monograms for every social profile. Square by default; most platforms crop to a circle automatically.

Facebook avatar preview
Facebook avatar
180×180
PNGSVG
Instagram avatar preview
Instagram avatar
320×320
PNGSVG
X / Twitter avatar preview
X / Twitter avatar
400×400
PNGSVG
LinkedIn avatar preview
LinkedIn avatar
400×400
PNGSVG
WhatsApp avatar preview
WhatsApp avatar
640×640
PNGSVG
Hi-res square preview
Hi-res square
1024×1024
App-store / press use.
PNGSVG
COVERS

Covers and headers

Profile, channel, and page banners for the major platforms, each sized to that platform's current spec.

Facebook cover preview
Facebook cover
1200×630
PNGSVG
Facebook cover (mobile) preview
Facebook cover (mobile)
1640×720
PNGSVG
X / Twitter header preview
X / Twitter header
1500×500
PNGSVG
LinkedIn company banner preview
LinkedIn company banner
1128×191
PNGSVG
LinkedIn personal banner preview
LinkedIn personal banner
1584×396
PNGSVG
YouTube channel banner preview
YouTube channel banner
2560×1440
TV-safe inset 545 px each side.
PNGSVG
YouTube thumbnail preview
YouTube thumbnail
1280×720
PNGSVG
POSTS

Posts and pins

Vertical and square formats for in-feed posts, stories, and pins.

Instagram post (square) preview
Instagram post (square)
1080×1080
PNGSVG
Instagram story preview
Instagram story
1080×1920
PNGSVG
Pinterest pin preview
Pinterest pin
1000×1500
PNGSVG
Square (hi-res) preview
Square (hi-res)
2048×2048
PNGSVG
EMAIL

Email banners

Frame-less variants designed to sit at the top of a transactional or newsletter email, plus the email logo for signatures.

Email banner preview
Email banner
600×200
Embed in transactional emails.
PNGSVG
Email banner (wide) preview
Email banner (wide)
1200×300
Newsletter / promo header.
PNGSVG
Codersera email logo preview
Email logo
PNG · signature mark
Drop into email signatures and footers.
PNG
FAVICONS

Favicons and touch icons

The bitmap icons we ship for browser tabs, OS docks, and iOS home-screen pins.

Favicon (full size) preview
Favicon (full size)
PNG · transparent
Browser-tab favicon source.
PNG
Favicon 32×32 preview
Favicon 32×32
32×32
PNG
Favicon 16×16 preview
Favicon 16×16
16×16
PNG
Apple touch icon preview
Apple touch icon
180×180
iOS home-screen icon.
PNG
PRESS / OG

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.

Product Hunt thumbnail preview
Product Hunt thumbnail
240×240
Product Hunt crops to a circle. Also fits BetaList (200×200) and Indie Hackers (400×400).
PNGSVG
Product Hunt gallery / press hero preview
Product Hunt gallery / press hero
1270×760
Product Hunt gallery spec. Also works as a press hero or partner card.
PNGSVG
Default OG card (1200×630) preview
Default OG card (1200×630)
1200×630
Standard og:image fallback for Facebook, X, LinkedIn, Slack.
PNGSVG
PITCHES

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.

Super-short
Slack status · directory blurb · favicons-with-text
~22 chars · 23
Hire vetted developers.
Tagline
Hero subhead · social-bio one-liner · meta-title supplement
~40–60 chars · 59
Extend your engineering team with vetted remote developers.
Short description
Directory tagline · X / Twitter bio · partner one-pager
~150 chars · 143
Codersera connects companies with vetted remote developers. Extend your engineering team in days, not months, and lower the risk of every hire.
Medium description
Partner page summary · LinkedIn company description · listing card
~280 chars · 272
Codersera helps companies hire vetted remote developers and extend their engineering teams quickly. Every developer is screened for technical depth and communication, so you move from need to onboarded hire in days — with far less hiring risk and a risk-free trial period.
Long description
Press-release boilerplate · About-this-company on listing platforms · partner / RFP responses
~420 words · 2397
Codersera is a remote-developer hiring company. It helps engineering and product teams extend their capacity with vetted remote developers — without the slow, expensive, hit-or-miss process that usually comes with hiring. The core idea is simple: hiring should be fast, and it should be lower-risk. Most teams lose weeks sourcing candidates, screening for real technical depth, and still end up uncertain about fit. Codersera removes that uncertainty by doing the vetting up front. Every developer in the network is evaluated for technical skill, problem-solving, and the communication habits that make remote collaboration actually work, so the shortlist a team receives is already filtered to people who can do the job. Teams come to Codersera for a few recurring reasons. They need to extend an existing engineering team to ship a roadmap on time. They need a specific skill set — a stack, a framework, a discipline — that is hard to hire for locally. Or they need to scale capacity up or down without the overhead and commitment of traditional full-time hiring. In each case the goal is the same: get the right developer working productively in days, not months. Lowering hiring risk is the throughline. A bad engineering hire is expensive in salary, in lost roadmap time, and in team momentum. Codersera reduces that exposure with pre-vetting, a clear matching process based on technical fit, and a risk-free trial period so a team can confirm a developer is right before committing further. The model is built so the downside of trying a hire is small and the upside — a productive, remote-ready developer integrated into the team — is realized quickly. Codersera works across the stacks and roles modern product teams actually hire for, from frontend and backend through mobile, data, and infrastructure, and supports both individual hires and small embedded teams. Engagements are designed to be flexible: extend the team for a project, fill a critical gap, or build out an ongoing remote pod. The positioning is deliberately practical and low-hype. Codersera is not a generic outsourcing shop and not a cheap-labor marketplace. It is a hiring partner focused on technical fit, speed, and reduced risk for companies that want to extend their engineering team with remote-ready developers. Find Codersera at https://codersera.com. Partnership and press inquiries: hello@codersera.com.
Company "About" blurb
Press author bio · directory "About the company" field · podcast intro
~55 words · 330
Codersera helps companies hire vetted remote developers and extend their engineering teams faster, with lower hiring risk. Every developer is screened for technical depth and remote-ready communication, and a risk-free trial period lets teams confirm fit before committing. Practical, low-hype, focused on technical fit and speed.
BRAND SYSTEM

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.

Accent / primary
#5885FF
Primary brand · CTAs · key UI
Soft
#A9C0FF
Gradient end-stop · secondary accent
Ink / deep
#011443
Wordmark · headings on light · navy chrome
Canvas
#F7F9FF
Page background (content area)
Surface
#FFFFFF
Cards, tiles, panels
Raised
#EEF2FF
Preview wells, nested fills
Text
#0A1433
Primary body / heading text
Muted
#5B6172
Secondary / metadata text
Border
#E3E8F5
Hairlines, dividers, tile edges

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.

Codersera
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
Weight 400Body / UI text
Weight 600Section labels
Weight 800Headlines + wordmark

Do / don't

Do
Use the mark on a light or navy backgroundThe two-tone blue mark is built for #F7F9FF and #011443. Both clear the contrast bar.
Don't
Recolor the markKeep the #5885FF / #A9C0FF planes. Those two blues ARE the brand mark — don’t flatten or re-hue them.
Do
Keep the mark square or circularAvatars crop to circles on most platforms. The square source is safe to drop into either.
Don't
Stretch or rotate the wordmarkThe wordmark is the mark plus "Codersera" at 800 weight with tight tracking. Don’t squeeze it to fit.
Do
Use the system font stackHeadlines and UI use the platform system stack — fast, native, zero font payload.
Don't
Write a different taglineThe canonical tagline is "Extend your engineering team with vetted remote developers." Don’t invent a new one.

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 →