Brand guidelines
How CODE313 looks and sounds. Use these standards for every flyer, post, deck, and photo, and share them with partners, schools, sponsors, and media who feature CODE313.
Our logo
Our logo is the most recognizable part of our identity. Always use the official, supplied files exactly as provided. Choose the version based on the background it sits on.
Light backgrounds
Black and red wording. Use on white, light gray, pale sky, and other light backgrounds.
Download PNG
Dark backgrounds
White wording with red. Use on black, Deep Navy, dark photography, and other dark backgrounds.
Download PNG
All-white (one color)
Acceptable on dark solids and photos where red would lose contrast.
Download PNG
All-black (one color)
Acceptable on light backgrounds, single-color print, and embroidery.
Download PNG
Do
- Use the light-background version (black and red) on light surfaces.
- Use the dark-background version (white and red) on dark surfaces.
- All-white and all-black one-color versions are also acceptable.
- Keep clear space around the logo equal to the height of the “3” in 313.
- Scale proportionally only. Hold Shift when resizing.
- Keep the tagline “create | develop | explore” legible. Minimum logo width: 1.25 in (print), 160 px (digital).
- Place the logo over a calm, uncluttered area of photos.
Don't
- Recolor the logo or swap in brand palette colors.
- Stretch, squash, skew, or rotate it.
- Add shadows, glows, outlines, or gradients.
- Put the light version on dark backgrounds, or the dark version on light ones.
- Separate, rearrange, or retype any part of the logo.
- Place it on busy photo areas where it loses contrast.
Bright, bold, and real
Lighting
High-key, bright natural daylight or strong, clean indoor light. Subjects well lit with high clarity. Outdoors: warm, sunny vibe or clear blue sky. Graphics: flat, modern lighting with minimal shadows.
Subjects
Diverse youth and community members in hands-on activities: VR headsets, drone controllers, laptops, sports, and festivals. Candid joy, curiosity, and focus. Subjects look toward the center of the frame or upward, looking to the future.
Filters & post-processing
Vibrant, high-saturation finish so primaries pop. Increase clarity and sharpness while staying clean. Bright whites, deep blacks, high contrast. No heavy grain, vintage, or faded looks.
Composition
Wide-angle · Community scale
Use for large crowds, festivals, and events to show the size of our movement.
Medium · Emotion
Tight shots of individuals to capture focus, wonder, and joy.
Hands-on · Action
Show the tech in use: controllers, headsets, robots, code.
Slanted dividers and organized layouts
Use diagonal color blocking and slanted dividers at roughly 15–30° to create movement and energy. Keep a clear hierarchy: place the most important text in the top or center third of the layout.
Flyers can be info-heavy, but always organized
- Colored bars and distinct sections separate who, what, when, and where.
- Thick, solid borders (4–8 pt) frame every QR code and CTA button.
- Circular badges call out discounts and offers.
- Educational content uses large, bold text overlays on solid color or sky-themed photography.
- Most important message in the top or center third.
Three background types
1 · Clean white
For information-dense flyers, schedules, and forms.
2 · Bright outdoors
Natural settings: blue skies, green fields, sunny community events.
forward
3 · Saturated solid + grid
High-saturation solid color with faint geometric or grid patterns for a modern tech look.