LogoPrinciples: Difference between revisions

From Droid Reference Library
Jump to navigation Jump to search
Browse history interactively
Steele (talk | contribs)
Bureaucrats, Administrators
480 edits
Created page with "==Logo Principles== The DroidBuilder's logo is a symbol for our club that is highly regarded all over the world. It plays a crucial role in communicating and reinforcing our..."
 
Add the STEAM Academy document header and link to lesson plan style.
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==Logo Principles==
==Logo Standards==
The DroidBuilder's logo is a symbol for our club that is highly regarded all over the world.  It plays a crucial role in communicating and reinforcing our authenticity and heritage.


All great brands have one thing in common: consistency.  Use the tools to make sure you're expressing the DroidBuilder's brand in just the right way.
===Overview===


===Primary Logo===
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.
The primary DroidBuilder's logo should appear on most DroidBuilder's communications.


====4-color logo====
'''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.
[[File:All%20Droid%20Builders%20Logo.svg|150px|DroidBuildersLogo]]


====1-color logo====
===Primary Logo (Standalone)===
<NEED>


====Reversed====
The full horizontal DroidBuilders logo is the default mark for the organization.
<NEED>


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


Give it space.  To preserve the integrity and visual impact of the logo, always maintain adequate space around it.  The clear space around the logo is an integral part of the design.  It ensures the logo can be seen quickly and is undiluted by other logos, symbols or text.


Space should be equal to half the height of the logo as it is being used.


====Minimum Size====
'''Approved color versions:'''
The logo should not be used at less than .25" with no less than 15-point logo type.
* 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


===Circular Logo===


====Logo Don'ts====
The circular logo is the secondary mark, designed for use alongside other organizations' logos and for compact applications.
Unauthorized logo modification comprimise the Droidbuilders brand.  Please do not attempt to recreate or alter the logo yourself.  Only use provided DroidBuilders logos.
*Do not rotate the logo
*Do not alter the name orientation
*Do not change the approved typeface
*Do not recolor the logo
*Do not insert images or graphics ''into'' the logo
*Do not crop logo
*Do not place logo atop imagery


===Sector, Regions, and Zone Logos===
[[File:DroidBuilders_Circle_Logo_v2_paths.svg|100px]]
Branded locations are the local area clubs where the outreach with the public most occurs.
* '''File:''' <code>DroidBuilders_Circle_Logo_v2_paths.svg</code>
Logos will be added as they are approved.
* '''When to use:''' Social media profile icons, alongside partner logos, merchandise, small-format signage
*BlackSun Sector
*Los Angeles Sector
*MidAtlantic Sector
*NorthEast Sector
*San Diego Sector


===Usage Matrix===
===Medallion===


{| class="wikitable"
The DroidBuilders medallion is used across all tiers of the organization, appropriate for both sector-level and national-level applications.
! style="text-align: center;" | Type
 
! style="text-align: center;" | Location Specific
===Sector, Region and Zone Logos===
Marketing
 
! style="text-align: center;" | Advertising
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.
! style="text-align: center;" | National
 
Marketing
'''Approved Sector Logos''' ''(add as approved)''
! style="text-align: center;" | Corporate
* BlackSun Sector
Marketing
* 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.
 
[[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===
 
{| class="wikitable" style="width:100%"
! style="background-color:#003468; color:#FFFFFF;" | Logo Mark
! style="background-color:#003468; color:#FFFFFF;" | Local / Sector
! style="background-color:#003468; color:#FFFFFF;" | Regional
! style="background-color:#003468; color:#FFFFFF;" | National
! style="background-color:#003468; color:#FFFFFF;" | 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===
 
{| class="wikitable" style="width:100%"
! style="background-color:#003468; color:#FFFFFF;" | Format
! style="background-color:#003468; color:#FFFFFF;" | Minimum Logo Width
! style="background-color:#003468; color:#FFFFFF;" | Minimum Logo Type
|-
|-
| style="text-align: center;" | [[File:All%20Droid%20Builders%20Logo.svg|50px|DroidBuildersLogo]]
| Print
| style="text-align: center; color:#fe0000;" |
| 0.75 in
| style="text-align: center; color:#fe0000;" | X
| 8 pt
| style="text-align: center; color:#fe0000;" | X
| style="text-align: center; color:#fe0000;" | X
|-
|-
| style="text-align: center;" | Sector/Region/Zone Logo
| Digital (web, screen)
| style="text-align: center; color:#fe0000;" | X
| 120 px
| style="text-align: center; color:#fe0000;" |
| 12 px
| style="text-align: center; color:#fe0000;" |
| style="text-align: center; color:#fe0000;" |
|-
|-
| style="text-align: center;" | Medallion
| Embroidery / Physical
| style="text-align: center; color:#fe0000;" | X
| 1.0 in
| style="text-align: center; color:#fe0000;" | X
| N/A (vector art provided)
| style="text-align: center; color:#fe0000;" | X
| style="text-align: center; color:#fe0000;" | X
|}
|}
===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

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
Retrieved from "https://drl.droidbuilders.net/index.php?title=LogoPrinciples&oldid=5562"