LogoPrinciples: Difference between revisions

From Droid Reference Library
Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →
Drl-admin (talk | contribs)
Bureaucrats, Administrators
692 edits
mNo edit summary
mNo edit summary
Line 1: Line 1:
==Logo Standards==
==Logo Standards==
 
The DroidBuilders logo is the single most recognizable asset in our brand
===Overview===
system. Consistent, correct use builds recognition and protects brand equity
 
across every touchpoint -- from social media profiles to convention banners.
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
'''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.
files. Contact the Board of Directors if you need a format not available in
 
the asset library.
===Primary Logo (Standalone)===
===Primary Logo (Standalone)===
 
The full DroidBuilders logo is the default organizational mark. Use it wherever
The full horizontal DroidBuilders logo is the default mark for the organization.
the full organization name should be communicated clearly.
 
* '''File:''' <code>All_Droid_Builders_Logo.svg</code>
[[File:All_Droid_Builders_Logo.svg|300px|DroidBuilders Primary Logo]]
* '''Preferred formats:''' SVG (all digital), EPS (print)
* '''When to use:''' Corporate communications, advertising, national marketing, website headers, partnership and grant materials
{| class="wikitable" style="width:100%"
 
! style="background-color:#003468; color:#FFFFFF;" | Attribute
'''Approved color versions:'''
! style="background-color:#003468; color:#FFFFFF;" | Detail
* Full color on white or light backgrounds
|-
* Reversed (white logo) on dark or photographic backgrounds
| '''Source File'''
* Single-color (black) for embroidery, engraving, or single-color print
| <code>All_Droid_Builders_Logo.svg</code>
 
|-
| '''Preferred Formats'''
| SVG (all digital use), EPS (print production)
|-
| '''When to Use'''
| Corporate communications, advertising, national marketing, website headers,
partnership materials
|-
| '''Approved Color Versions'''
| Full color on white or light backgrounds; reversed (white logo) on dark or
photographic backgrounds; single-color black for embroidery and single-color
print
|}
===Circular Logo===
===Circular Logo===
 
The circular logo is the secondary mark. Designed for compact applications and
The circular logo is the secondary mark, designed for use alongside other organizations' logos and for compact applications.
for use alongside logos from other clubs and organizations.
 
* '''File:''' <code>DroidBuilders_Circle_Logo_v2_paths.svg</code>
[[File:DroidBuilders_Circle_Logo_v2_paths.svg|200px|DroidBuilders Circular Logo]]
* '''When to use:''' Social media profile icons, alongside partner logos, merchandise, small-format signage
 
{| class="wikitable" style="width:100%"
! style="background-color:#003468; color:#FFFFFF;" | Attribute
! style="background-color:#003468; color:#FFFFFF;" | Detail
|-
| '''Source File'''
| <code>DroidBuilders_Circle_Logo_v2_paths.svg</code>
|-
| '''When to Use'''
| Social media profile icons, alongside partner organization logos,
merchandise, small-format signage
|}
===Medallion===
===Medallion===
 
The DroidBuilders medallion is used across all tiers of the organization.
The DroidBuilders medallion is used across all tiers of the organization, appropriate for both sector-level and national-level applications.
Appropriate for both sector-level and national-level applications. Preferred
 
for embroidery and screen printing on merchandise.
===Sector, Region and Zone Logos===
 
===Sector, Region & 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.
 
Sector logos are approved marks for local area clubs where direct community
'''Approved Sector Logos''' ''(add as approved)''
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 links as logos are approved):
* BlackSun Sector
* BlackSun Sector
* Los Angeles Sector
* Los Angeles Sector
Line 75: Line 41:
* NorthEast Sector
* NorthEast Sector
* San Diego Sector
* San Diego Sector
 
===Logo Usage Matrix===
===Logo Usage Matrix===
 
{| class="wikitable" style="width:100%; text-align:center;"
{| class="wikitable" style="width:100%"
! style="background-color:#003468; color:#FFFFFF; text-align:left;" | Logo Mark
! style="background-color:#003468; color:#FFFFFF;" | Logo Mark
! style="background-color:#003468; color:#FFFFFF;" | Local / Sector Events
! style="background-color:#003468; color:#FFFFFF;" | Local / Sector
! style="background-color:#003468; color:#FFFFFF;" | Regional Advertising
! style="background-color:#003468; color:#FFFFFF;" | Regional
! style="background-color:#003468; color:#FFFFFF;" | National Marketing
! style="background-color:#003468; color:#FFFFFF;" | National
! style="background-color:#003468; color:#FFFFFF;" | Corporate / Organizational
! style="background-color:#003468; color:#FFFFFF;" | Corporate
|-
|-
| style="text-align:left;" | '''Primary (Standalone)'''
| Primary (Standalone)
|
|  
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
|-
|-
| style="text-align:left;" | '''Circular Logo'''
| Circular Logo
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
|-
|-
| style="text-align:left;" | '''Sector / Region / Zone Logo'''
| Sector / Region / Zone Logo
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
|
|  
|
|  
|
|  
|-
|-
| style="text-align:left;" | '''Medallion'''
| Medallion
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
| style="background-color:#AAFFAA; color:#003468;" | Yes
| ✓
|}
|}
 
===Clear Space===
===Clear Space===
 
Clear space is the protected zone around the logo that must remain free of all
Clear space is the protected zone around the logo that must remain free of text, other logos, imagery, and graphic elements.
text, 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.
'''Rule:''' The minimum clear space on all four sides equals '''half the height
 
of the logo''' as rendered.
Example: if the logo is displayed at 100px tall, maintain at least 50px of
clear space on all four sides.
<pre>
  <- 1/2H ->  <---- Logo Width ---->  <- 1/2H ->
                          ^
                          1/2H
                          v
              [    DROIDBUILDERS LOGO    ]
                          ^
                          1/2H
                          v
</pre>
===Minimum Size===
===Minimum Size===
 
{| class="wikitable" style="width:100%"
{| class="wikitable" style="width:100%"
! style="background-color:#003468; color:#FFFFFF;" | Format
! style="background-color:#003468; color:#FFFFFF;" | Format
! style="background-color:#003468; color:#FFFFFF;" | Minimum Logo Width
! style="background-color:#003468; color:#FFFFFF;" | Minimum Logo Width
! style="background-color:#003468; color:#FFFFFF;" | Minimum Type Size
! style="background-color:#003468; color:#FFFFFF;" | Minimum Logo Type
|-
|-
| Print
| Print
Line 147: Line 97:
| 12 px
| 12 px
|-
|-
| Embroidery / Physical production
| Embroidery / Physical
| 1.0 in
| 1.0 in
| N/A -- use provided vector art
| 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===
===Logo Do's and Don'ts===
 
{| class="wikitable" style="width:100%"
'''Do:'''
! style="background-color:#003468; color:#FFFFFF; width:50%;" | Do
! style="background-color:#6B0000; color:#FFFFFF; width:50%;" | Do Not
|-
| valign="top" |
* Use approved source files from the asset library
* Use approved source files from the asset library
* Maintain the required clear space at all times
* Maintain the required clear space at all times
* Use the correct color version for the background
* Use the correct color version for the background
* Scale the logo proportionally
* Scale the logo proportionally
* Use the reversed (white) version on dark backgrounds
 
| valign="top" |
'''Do Not:'''
* Rotate or flip the logo in any direction
* Rotate, flip, stretch, compress, or distort the logo
* Change the approved typeface or letterforms
* Change the approved typeface or letterforms
* Recolor any element without explicit board approval
* Recolor any element without explicit Board approval
* Stretch, compress, or distort the logo
* Place the logo on busy backgrounds without a clear contrast buffer
* Place the logo on busy backgrounds without a contrast buffer
* Crop, overlay, or obstruct any part of the logo
* Crop, overlay, or obstruct any part of the logo
* Apply drop shadows, glows, bevels, or other effects
* Apply drop shadows, glows, bevels, or other effects
* Insert images or graphics inside the logo boundary
* Insert images or graphic elements inside the logo boundary
* Use a photographed or screenshotted logo in production
* Use a photographed or screenshotted version in production materials
* Recreate the logo from memory or a non-approved source
* Recreate the logo from memory or a non-approved asset
|}
[[Category:Branding]]

Revision as of 19:07, 16 June 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

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=5536"