LogoPrinciples: Difference between revisions
Jump to navigation
Jump to search
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
==Logo | ==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|100px]] | |||
* '''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 | |||
===Usage Matrix=== | '''Approved color versions:''' | ||
{| class="wikitable" | * Full color on white or light backgrounds | ||
! style=" | * Reversed (white logo) on dark or photographic backgrounds | ||
! style=" | * Single-color (black) for embroidery, engraving, or single-color print | ||
! style=" | |||
! style=" | ===Circular Logo=== | ||
! style=" | |||
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> | |||
* '''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=== | |||
{| 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 | |||
|- | |||
| 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 | |||
Latest revision as of 01:38, 18 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
Circular Logo
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 |
|---|---|---|
| 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