Back

Brand Guidelines

CodeStarters

CodeStarters

Empowering the Next Generation

Make computer science and AI accessible to every young student, and help every small business build a strong online presence.

Logo Assets

Downloads

CodeStarters Logo

CodeStarters Logo

PNG

Primary mark for CodeStarters communications.

Download PNG
Fire Hacks Icon

Fire Hacks Icon

PNG

Fire Hacks event icon and favicon.

Download PNG

Fire Hacks Logo Mark

Diamond mark in Fire Red (#EF4444). Available as inline SVG in the codebase; use /firehacks-icon.png for raster exports.

Color Palette

CodeStarters

Dark-first palette with sky-blue accents for programs and highlights.

Background

#0A0A0A

Primary page background

Foreground

#FFFFFF

Headings and primary text

Muted

#A6A6A6

Secondary text, captions

Accent Sky

#38BDF8

Highlights, badges, links

Card

#0D0D0D

Cards and elevated surfaces

Border

#333333

Dividers and outlines

Fire Hacks

Sub-brand for the Bay Area's premier high school hackathon.

Fire Red

#EF4444

Primary accent, CTAs, logo

Background

#0A0A0A

Page background

Card

#161616

Section cards

Text

#F4F4F5

Primary headings

Muted

#6B6B73

Body copy, labels

Typography

Typefaces

CodeStarters

Instrument Serif

Display headings, hero copy

Inter

Body text, UI, navigation

Fire Hacks

Space Mono

Headings, labels, section titles

DM Sans

Body copy, buttons, descriptions

Sub-brand

Fire Hacks

FIRE HACKS

Bay Area's premier high school hackathon, hosted by CodeStarters.

Date
August 9, 2026
Venue
Zoho HQ, Pleasanton
Relationship
A CodeStarters event

Contact & Legal

Get in touch

CodeStarters is a student-led 501(c)(3) fiscally sponsored nonprofit. EIN: 81-2908499.

Usage

Do's & Don'ts

Do

  • Use official logo files without altering proportions or colors.
  • Maintain clear space around logos equal to at least the height of the mark.
  • Use dark backgrounds (#0A0A0A) for primary brand materials.
  • Pair CodeStarters with Inter or Instrument Serif; use DM Sans + Space Mono for Fire Hacks.
  • Credit CodeStarters when referencing programs, events, or sponsorships.

Don't

  • Do not stretch, rotate, or add effects (shadows, gradients) to logos.
  • Do not change Fire Hacks red (#EF4444) or place logos on busy backgrounds.
  • Do not imply endorsement without written approval from CodeStarters leadership.
  • Do not use outdated marks or combine Fire Hacks branding with unrelated event names.