DigitalStandards

Digital Standards

Website (droidbuilders.info)

The primary DroidBuilders website uses a dark theme as the established visual standard. All page design should align with the Dark Theme Palette (see Color System) and the Typography system.

Layout Principles

• Maximum content width: 1200px (boxed layout)
• The Coruscant cityscape side background is an intentional element of the established aesthetic -- do not remove or replace
• Whitespace is a design element -- avoid dense or cluttered layouts
• Each page should have a clear hierarchy: hero, key message, supporting content, call to action

Component Standards

Component	Color	Notes
Page background	Deep Space #060D1A	Outermost layer
Content background	Dark Surface #0A1628	Primary content area
Cards / panels	Card Surface #0F2040	Individual content blocks
Primary CTA button	Gold #FFC20E / Deep Navy text	Main action on any page
Secondary button	Transparent with Gold border	Supporting actions
Links	Sky Blue #3BADFF	Inline hyperlinks; hover to Gold
Dividers	Border #003468	Section separators

Navigation

• Primary navigation: Exo 2 SemiBold, White, uppercase
• Active state: Gold #FFC20E underline or text
• Mobile hamburger menu: always include; touch target minimum 44x44px

Donation Page

The donation page is one of the highest-impact pages on the site.

• Lead with mission impact -- a STEM story or specific event outcome -- not with donation mechanics
• Frame giving around the STEM education mission (see Messaging and Boilerplate and Voice and Tone)
• Four-tier payment structure is the approved system: Community ($1/month), Mission ($55/year), Champion ($75/year), One-Time (any amount)
• Tier names and amounts may only be changed by Board approval
• CTA buttons use Gold (#FFC20E) with Deep Navy text

Social Media

Platform Standards

Platform	Profile Image	Cover / Banner	Post Image Size
Facebook	Circular Logo, 400x400px	1640x924px	1200x630px
Instagram	Circular Logo, 400x400px	N/A	1080x1080px (square), 1080x1350px (portrait)
X (Twitter)	Circular Logo, 400x400px	1500x500px	1200x675px
YouTube	Circular Logo, 800x800px	2560x1440px	Thumbnail: 1280x720px

Social Media Voice

• Use the voice principles from Voice and Tone -- warm, precise, joyful
• Hashtags: use #DroidBuilders consistently; add event or sector tags as secondary
• Never post on behalf of the organization without Board or designated social media lead authorization
• Droids are "droids," not "robots" or "costumes"
• Tag partner organizations (hospitals, schools, conventions) when sharing event content, with their permission

Sector Social Media Accounts

Sector accounts must:

• Use the sector/zone logo (not the primary standalone logo) as the profile image
• Include "DroidBuilders -- [Sector Name]" in the account display name
• Follow all national voice, tone, and content standards
• Not post organizational policy statements or announcements -- those originate from the Board

Email Communications

• Header: Full-width dark background with the Primary Logo (white version), centered
• Body background: Dark Surface #0A1628, or White for light-theme emails
• Typography: Source Sans 3 for body; Exo 2 for headlines (web-safe fallbacks apply)
• CTA buttons: Gold with Deep Navy text; minimum 44px tall; full-width on mobile
• Footer: Include unsubscribe link, mailing address, nonprofit designation, and EIN
• Subject lines: Lead with action or impact; avoid spam-trigger phrases