LogoPrinciples: Difference between revisions

From Droid Reference Library
Jump to navigation Jump to search
Add the STEAM Academy document header and link to lesson plan style.
 
(4 intermediate revisions by one other user not shown)
Line 11: Line 11:
The full horizontal DroidBuilders logo is the default mark for the organization.
The full horizontal DroidBuilders logo is the default mark for the organization.


[[File:All_Droid_Builders_Logo.svg|100px]]
* '''File:''' <code>All_Droid_Builders_Logo.svg</code>
* '''File:''' <code>All_Droid_Builders_Logo.svg</code>
* '''Preferred formats:''' SVG (all digital), EPS (print)
* '''Preferred formats:''' SVG (all digital), EPS (print)
* '''When to use:''' Corporate communications, advertising, national marketing, website headers, partnership and grant materials
* '''When to use:''' Corporate communications, advertising, national marketing, website headers, partnership and grant materials
[[File:All_Droid_Builders_Logo.svg]]
 




Line 26: Line 27:
The circular logo is the secondary mark, designed for use alongside other organizations' logos and for compact applications.
The circular logo is the secondary mark, designed for use alongside other organizations' logos and for compact applications.


[[File:DroidBuilders_Circle_Logo_v2_paths.svg|100px]]
* '''File:''' <code>DroidBuilders_Circle_Logo_v2_paths.svg</code>
* '''File:''' <code>DroidBuilders_Circle_Logo_v2_paths.svg</code>
* '''When to use:''' Social media profile icons, alongside partner logos, merchandise, small-format signage
* '''When to use:''' Social media profile icons, alongside partner logos, merchandise, small-format signage
[[File:DroidBuilders_Circle_Logo_v2_paths.svg]]


===Medallion===
===Medallion===
Line 44: Line 45:
* NorthEast Sector
* NorthEast Sector
* San Diego Sector
* San Diego Sector
===DroidBuilders STEAM Academy document header===
Use this reusable header for Academy lesson plans and student activity sheets. The composition pairs Huyang in a workshop with the Academy name and the authentic standalone DroidBuilders logo.
[[File:DroidBuilders_STEAM_Academy_Document_Header.png|800px|alt=DroidBuilders STEAM Academy workshop banner with Huyang at left and the standalone DroidBuilders logo at right.]]
* [[Media:DroidBuilders_STEAM_Academy_Document_Header.png|Download the header PNG]] (2200 x 300 pixels).
* Place at 7 1/3 inches wide by 1 inch high on the first educator page and the first student activity page. Keep the lesson title below it; use the footer alone on continuation pages.
* Use the complete supplied image. Preserve its proportions, warm background, bold navy lettering, gold divider and standalone logo.
* See [[StyleGuide/Lesson Plan Style|Lesson plan style]] for the combined educator/student format, page layout, storytelling, standards and supplementary materials.


===Logo Usage Matrix===
===Logo Usage Matrix===

Latest revision as of 18:59, 26 October 2026

Logo Standards

Overview

The DroidBuilders logo is the single most recognizable asset in our brand system. Consistent, correct use builds recognition and protects brand equity across every touchpoint -- from social profiles to event banners to grant cover pages.

Never recreate, redraw, or modify the logo. Always use approved source files. Contact the Brand Steward if you need a format not available in the asset library.

Primary Logo (Standalone)

The full horizontal DroidBuilders logo is the default mark for the organization.

  • File: All_Droid_Builders_Logo.svg
  • Preferred formats: SVG (all digital), EPS (print)
  • When to use: Corporate communications, advertising, national marketing, website headers, partnership and grant materials


Approved color versions:

  • Full color on white or light backgrounds
  • Reversed (white logo) on dark or photographic backgrounds
  • Single-color (black) for embroidery, engraving, or single-color print

The circular logo is the secondary mark, designed for use alongside other organizations' logos and for compact applications.

  • File: DroidBuilders_Circle_Logo_v2_paths.svg
  • When to use: Social media profile icons, alongside partner logos, merchandise, small-format signage

Medallion

The DroidBuilders medallion is used across all tiers of the organization, appropriate for both sector-level and national-level applications.

Sector, Region and Zone Logos

Sector logos are approved marks for the local area clubs where direct community outreach most often occurs. Sector logos are always used alongside -- never as a replacement for -- the national DroidBuilders logo on any material representing the broader organization.

Approved Sector Logos (add as approved)

  • BlackSun Sector
  • Los Angeles Sector
  • MidAtlantic Sector
  • NorthEast Sector
  • San Diego Sector

DroidBuilders STEAM Academy document header

Use this reusable header for Academy lesson plans and student activity sheets. The composition pairs Huyang in a workshop with the Academy name and the authentic standalone DroidBuilders logo.

DroidBuilders STEAM Academy workshop banner with Huyang at left and the standalone DroidBuilders logo at right.

  • Download the header PNG (2200 x 300 pixels).
  • Place at 7 1/3 inches wide by 1 inch high on the first educator page and the first student activity page. Keep the lesson title below it; use the footer alone on continuation pages.
  • Use the complete supplied image. Preserve its proportions, warm background, bold navy lettering, gold divider and standalone logo.
  • See Lesson plan style for the combined educator/student format, page layout, storytelling, standards and supplementary materials.


Logo Usage Matrix

Logo Mark Local / Sector Regional National Corporate
Primary (Standalone) ✓ ✓ ✓
Circular Logo ✓ ✓ ✓ ✓
Sector / Region / Zone Logo ✓
Medallion ✓ ✓ ✓ ✓

Clear Space

Clear space is the protected zone around the logo that must remain free of text, other logos, imagery, and graphic elements.

Rule: The minimum clear space on all sides equals half the height of the logo as rendered. If the logo is 100px tall, keep at least 50px of clear space on all four sides.

Minimum Size

Format Minimum Logo Width Minimum Logo Type
Print 0.75 in 8 pt
Digital (web, screen) 120 px 12 px
Embroidery / Physical 1.0 in N/A (vector art provided)

Favicon and App Icon

For browser tabs, bookmarks, and app icons, use the circular logo (the standalone wordmark is illegible at favicon sizes). Provide a square master at 512x512px and let the platform scale it. Keep the mark centered with a small margin so it isn't cropped by rounded-corner masks.

Co-Branding and Partner Lockups

When the DroidBuilders logo appears alongside a partner's (a hospital, school, convention, or STEM organization):

  • Use the circular logo or the standalone logo, never a sector logo, to represent DroidBuilders
  • Give each logo equal visual weight and equal clear space
  • Separate the logos with a thin divider rule or generous space -- never overlap them
  • Co-branded materials require Brand Steward approval before publication

Logo Do's and Don'ts

Do:

  • Use approved source files from the asset library
  • Maintain the required clear space at all times
  • Use the correct color version for the background
  • Scale the logo proportionally

Do Not:

  • Rotate, flip, stretch, compress, or distort the logo
  • Change the approved typeface or letterforms
  • Recolor any element without explicit Board approval
  • Place the logo on busy backgrounds without a clear contrast buffer
  • Crop, overlay, or obstruct any part of the logo
  • Apply drop shadows, glows, bevels, or other effects
  • Insert images or graphic elements inside the logo boundary
  • Use a photographed or screenshotted version in production materials
  • Recreate the logo from memory or a non-approved asset