Professional

Resources

Resources

"We’re not the first to establish a set of guiding principles — Harry Truman had ‘The buck stops here,’ and more recently my friend Mayor Pete Buttigieg’s campaign was shaped by his team’s ‘rules of the road.’

The Team We Aspire to Be

Joe's Campaign Code

Together, We have a wealth of resources capable of Leading and taking control of the National Narrative - free.

Together, We have a wealth of resources capable of Leading and taking control of the National Narrative - free.

Marketing

Canvassing & Social Media
Some of the nation's top experts have provided the most effective guidelines, tips, tools, materials and methods to support any Democratic candidate in any election with the strongest and most succesful methods.

Candidates

Making your candidate National
Rather than pulling you hair out playin whack-a-mole, sending small donations to 8 different causes and ActBlue's, we can be more effective if we simpy focus on what it is to be a Democrat, and what we stand for.

Pro Tips

Expert Guidance
Grassroots candidates and supporters don't have the luxury of being able to hire the world's top designers and marketing agencies. We provide all their tricks, methods and tools.
Professional Branding Tools

When I was growing up, my mom used to always tell me, “Joey, no one is better than you. Everyone is your equal, and everyone is equal to you.”

It wasn’t just a line; it was a code for us to live by—the guardrails our family put in place to help guide our words, our thoughts, our actions, and the way we treated others. It’s the same code I passed on to my children, and that they have passed on to their children in turn.

The President's Code

Compassion

Faith

Resiliency

Empathy

Kindness

Humility

Joy

Respect

Inclusion

Dignity

Who We Are
#UnitedForBiden

Design

Design

Best Practices

General best practice tips with the Biden for President style and branding

Download Files

Font Packages in Web AND Print

Margins

Cut, Read & Responsive Margins

Presidential Seal

Homage to the City Featured
Note that all colors in the photography cimpliment the Biden palette and style guide

Main Title

Bold Biden-Branded Heading
The Main 3-Sec Message
  • Margins

    Cut, Read & Responsive Margins
  • Presidential Seal

    Homage to the City Featured
    Note that all colors in the photography cimpliment the Biden palette and style guide
  • Main Title

    Bold Biden-Branded Heading
    The Main 3-Sec Message

Please remember, our job as supporters (many of us professionals), is not to express our own creativity. Our job is to effectively convert votes and win seats. We are here to promote the Party and the candidate - not ourselves.

Official Branding

The White House AND Biden-Harris Style Guide
The official Biden for President logo was fantastic. Beyond invoking the traditional Red, White and Blue American flag colors - it literally read as "President Biden". This strategic kind of design is so well thought-out. As with any business, in the beginning, we need to establish trust, reliability and stability. Strong, bold, caps fonts promote all of these qualities in logo design. Americans got used to associating "Biden" with "President" every time they saw that logo.
As any organization or business grows and starts to become a large entity, you'll notice that succesful ones start to shrink the size of the logo - and eventually change from the bold all-caps power symbolism to a non-threatening lowercase and thinner weight font. Walmart used to be all-caps, with big, chunky lettering. Even the star has been re-designed, and they use thin-weight and well spaced letters to be more friendly and unintimidating. Amazon's logo is another great example, as the re-designed branding effectively did two things at once: Draw a line from A-to-Z, and put a smile on every box.

Branding Updates

We are making updates live and as we can, to reflect the new look of the Biden-Harris Administration. Small modifications to the Brand have been made to account for the changeds made for the Biden White House.
  • Joe Navy

    Background and Foreground
  • Biden Blue

  • Union Blue

  • Delaware Bay Blue

    Pastel Background Only
  • Amtrack Gray

  • Presidential Gold

    and "Glow Gold" (FLOTUS palette)
  • Biden for President Red

  • True Red

  • Climate Green

Primary Background

On the Biden Blue Background

Secondary Background

On the Joe Navy Background

Muted Background

On Gray, Pastel or Pale Backgrounds

White Background

Paper-white Backgrounds

Basic Marketing Principles

The following are guidelines that can be trusted to result in clean, easy-to-read and memorable graphic content that follows the Biden-Harris Administration's branding. Following these simple guidelines will be effective and have the best chance at viewer engagement and retention.
  • An image that resonates on an emotional level with the target audience
  • A 3-second or less message
  • Avoid clutter. No more than 2 font styles max. All-caps Decimal Black for headings, Decimal Bold for Subheadings, Mercury Roman in bold (with letter spacing) for body. Paragraphs can use normal (non-caps) Decimal.
  • Limit font colors. No more than 2 main colors should be used unless it's a subtle difference for emphasis. Always use Biden for President palette.
  • Using the dark blue, most images benefit from a solid Adobe Screen blending effect or layer effect. Some images may benefit from an additional dark blue layer or gradient to transparent to make the White Biden logo "pop"
  • Margins are important and should always keep text/copy 1/4" inch or equivalent pixel ratio from the edge to leave a bleed for potentially responsive digital cropping.
  • Except in rare instances, photography of Joe Biden should always have a solid #0b1630 layer with a Screen blend style (or blend-mode in CSS) over top, giving a cool tone to his images
  • For Headings and text that "pop", On warm-toned photography, use the Dark Navy Blue for sections and text/copy background. For cool-tone photography, use the Red. Do not use the solid Red over the light blue. Instead, use the pastel/pink Red over the darkest navy blue. Contrast is important for clarity, accessibility and legibility. Bright font colors on bright background colors makes the text difficult to read for those who have accessibility needs
  • Image Effects

    Photography with lots of color almost always benefits from a Screen layer effect (or Adobe blend-mode for web CSS) using the dark blue #0b1630 (RGB 11, 22, 48), and depending on the image may need a second layer or layers using Soft Light or Multiply to darken the image down, as the Screen effect can sometimes wash an image to pale. Remember to keep a good contrast ratio to stay ADA compliant and ensure the poor-of-sight can see and read your message.
  • Margins

    These Twitter images are created at 1062x722, although the ideal image size should be 16:9 at with a double margin to ensure the BIDEN logo is not cropped out, and the messaging - which follows the 3 second rule - is vertically centered. No matter what device, the message and logo will always be legible and visible.

One last thing...

Never use the three bar stlye E in any typography other than the Biden official logo. Nothing will spoil a good design quicker. The 3-bar E should only be used for the logo and nothing else.

Design Tips

from top Professionals around the world

Layout

On the web, responsive designers are well acquainted with how the orientation and screen width or height can effect the layout. In flat design, it's much easier to control the layout and ensure proper alignment and flow for easy to read, clear messaging.
  • Do

    Use the Dark Blue over bright backgrounds
  • Do Not

    Use Bright Red over Bright Blue
  • Do

    Use the White Biden logo over images or colored backgrounds
  • Do Not

    Use the White Biden logo over light or pale backgrounds
  • Do

    Use sharp, clear headings with 5 words or less
  • Do Not

    Use Headings for the entire content
  • Do

    If using the italic style, a sharp solid color shadow is okay
  • Do Not

    Never use a black or blurred, softened drop-shadow

Color Rules

One of the quickest ways viewers judge ads or designs as professional (and therefore trustworthy) or amateur, is by it's use of color. One soft black drop shadow can ruin an otherwise great design. Bright red on bright blue - or 4 differant colors can send the viewers eye bouncing all over and make retaining the messsage and/or call-to-action extemely difficult.

Color

Using a 60/30/10 rule, or 70/30, ensures color doesn't look abrasive or too loud to read. We need to also ensure we meet W3C compliance in contrast ratios for the poor-of-sight, so proper contrast and lightness ratios are important. With the Biden branding, some basic things to avoid are noted below...

Type Hierarchy

Headings are big, short and should never have more than 4-5 words. Subheadings are smaller, use the Brother 1816 Medium style, and are either italic or normal. Subheadings should be one or the other - never both. Body copy (text) should always use a standard Normal or 500 font-weight.

Use All-Caps sparingly

The ALL-CAPS, Black (900 weight) Brother 1816 font is fantastic. The only caveat is that volunteers and student or new designers may overuse the ALL-CAPS heading, making it difficult to read and stick the messaging. If you can help it, try to keep a nice hierarchy so that major headings (usually one or two words) use this for impact. It can also be really useful and look clean and well-designed to use am all-caps subheading with significant letter-spacing (leading) for smaller H4 or H5 subheadings.

Basics

Layout and Color

Matching the mood

It's easy to see in the examples in the slideshow which images match the message, image, mood and target the best. What's not immediately obvious is that each of these shows the same exact product

Great Design

Watch for some common mistakes in spacing, alignment and content-aware design that make all the difference in the world. Connecting on an emotional level with your audience through a still image or design can be hindered by simple things that are easy to prevent.

Matching the Imagery

There's something to be said for curating and choosing photography that works well with the Biden official branding to begin with, but, both the image and the message should pay attention to eachother. If we're talking about Georgia, we should be using photography of Georgia. And likewise, the messaging should pay attention to both the flow and the colors of the image.
Chris 🦅
Chris 🦅
@CrookedIntriago Letter To My Son 🙏
Chris 🦅
@steelerschic217 Imagine not feeling like this guy right now. Wave the hell (and shake off the ashes) out of that Banner for real, just, Democratic PRIDE for The People 🇺🇸 🏳️‍🌈 everydayamericanjoe.com 🦅 #BidenPutinSummit #4thofJuly #President
Chris 🦅
CONGRATULATIONS HIGH SCHOOL FRESHMAN!!! RISE class of 2025! 🎉 #ProudDad #Disneyland #Hamilton @HamiltonMusical #StraightAGPA 👩🏼‍🎓 🏫 🏥 👩‍⚕️
Chris 🦅
@royaldmd1 @Everyday_Joes Ty! I dropped a whole batch early so we’d be ready to flood the Internet with Democrats and Flags from the #DemocracyParty - And I made sure there’s something for everybody. everydayamericanjoe.com 🇺🇸
Chris 🦅
Turning man-made lemons into lemonade every day. Let’s go USA🇺🇸 everydayamericanjoe.com New patriotic graphics for social media, stories, wallpaper and Mobile now. #4thofJuly #Patriot #FlagDay #MadeInAmerica #USA #POTUS #IndependenceDay #Veterans #BidenDay #BidenG7 twitter.com/namelessism/st…
Chris 🦅
RT @POTUS: I’m honored every day to serve as president.
Chris 🦅
@3loudosboys @POTUS @JoeBiden Thank you ♥️! It was always personal for me. It was personal for @_Jacquelyn2020 and all we wanted was to give a voice to everyday, regular Americans - not the filthy rich. Terabytes and about a million dollars of donated time later, we’ve reached more ppl than we ever imagined
Chris 🦅
#Brooklyn Patriots - From the Rebels of 1776 to the Yankees to #TheResistance PROUD TO BE AN AMERICAN with a Capital A. Let’s hear it for #NewYork #NYC #Democrats #wtpBLUE
Chris 🦅
Chris 🦅
Chris 🦅
God Bless America. Wave those banners loud and proud Democrats of all shades of blue, all faiths and every Joe, Jane & @_Jacquelyn2020 everydayamericanjoe.com 🇺🇸 twitter.com/namelessism/st…
Chris 🦅
@mickie_enkoji From living on the streets at 16, to getting sober myself—to the both of us being on the radio at 25, am now being a couple of 40 year olds... “But for the Grace of God, there go I” A 25 year friendship like that is a bond stronger than a lot of my own family.
Chris 🦅
@OaktownMojo @DaveKaval Hey @OaktownMojo - Send this to that mf that couldn’t see it bashing the A’s. If this isn’t proof I’m right, nothing is. Stamped and approved by the man himself. #RootedInOakland Lets Go 1st place A’s #HowardTerminal #RideTheWave
Chris 🦅
Many of The President’s plans to address racial inequalities & inequity are still on our website, at everydayamericanjoe.com 🇺🇸 Every Joe & Jacquelyn deserves a fair shot: Real wages, schools not funded by zip code, Ending economic bias—and an economy from the bottom UP. twitter.com/POTUS/status/1…
Chris 🦅
An Honorable Man. I told him how proud I was to be his grandson; how much we loved him; that a Scranton boy from his hometown is now President of The United States—I know he’d be very proud of him—and that I helped. Rest in eternal peace, Grandpa. #WWII #USArmy #MemorialDay
Chris 🦅
@KingOfTheFBaRmy The everydayamericanjoe.com crew likes ya just the way you are. Joe’s Code was clear—it isn’t about being fake and changing our personalities. It’s about the content of our character, and how we treat others. Cuss like a sailor, be fierce—just keep keepin it 💯 original & honest.
Chris 🦅
That he grew up to fight against the same ppl that would’ve killed my Ashkenazim 🇵🇱 Grandma and her family is awe-striking. Thank you America, for opening your arms to us. Thank you Scranton for our heroes. God Bless all our Vet families. #GoldStar #VFW #MemorialDay
Chris 🦅
We love, miss, and honor your service this #MemorialDay2021 Grandpa. I hope we make you proud. Give my grandma a kiss for me, enjoy your Cadillac, send my Uncle a salute, and call my Dad off the used bike he got from St Peter to tell him his boy loves him. God Bless our heroes 🇺🇸
Chris 🦅
Thread. Tomorrow, I’ll be visiting the Veterans cemetery where my WWII Hero Irish Scranton-born Grandpa rests for the first time since his service. I’ve never had it in me to visit my Grandma, who’s right there by his side. Her picture has been at my bedside for nearly a decade.
Chris 🦅
@DaveKaval Don’t let the City of Oakland’s gross incompetence and laziness bully the A’s into a wasteland in the worst area possible. Kaval is fighting for the People and the Community. The City would rather choose filth and poverty than $7B in economic prosperity twitter.com/namelessism/st…
Chris 🦅
@MarkConradK Hey I know that guy! BFD #iKnowJoe
Chris 🦅
Yesterday, after a year and a half of being taught patience and gratitude, I finally got to pick up my chip in person. 19 years 5/1/2002 By The Grace of God #FriendsofBill #SoberLiving #sobriety #sobrietyrocks #soberlife #SoberAF
Chris 🦅
Happy Birthday Odin! Seven Years Strong 🐾 #Huskies #HuskyLife #DogsofTwittter
Chris 🦅
@AndyOstroy This many ☝️
Chris 🦅
@IAmPoliticsGirl Love that 💙 It’s like I tell my kids—even the worst criminals: How we treat them and handle the punishments for even the most hideous crimes is about our morals, not theirs. No firefighter fights fire with fire, or everyone gets burned. If we become like them, they’ve won.
Chris 🦅
@BenRossTweets @OaktownMojo @BillJitsu No you were definitely talking about a ballpark. And investing in the future of the A’s franchise - now your dodging the subject because you got called on it. Do you not know how to count money? Ballpark. Nobody cares about Semien. We care about a ballpark for the 1st place A’s
Chris 🦅
@BenRossTweets @OaktownMojo @BillJitsu If you can’t read the hundreds of millions of dollars the A’s spent when it’s in black and white, maybe you’re the one who’s incompetent. You know exactly how much buying Alameda County’s share cost, exactly how much they’ve spent—and you’re still dodging the City’s mismanagement
Chris 🦅
@BenRossTweets @OaktownMojo @BillJitsu Sure buddy. First the A’s were holding out...now they’re at business. Are you upset they spent so much now I can’t tell anymore? Maybe Forbes 2021 breakdown can clarify your confusion. And then maybe you can show me what the city has spent...⏰ The fact is the City is incompetent
Chris 🦅
@WonderKing82 I can believe it. In The SF Bay Area, Fruitvale Station is forever a solemn, tragic and sacred place. #OscarGrant RIEP 🙏

Dimensions & Guides

  • 1920x1080 is the resolution of iPhone 8 Plus. The iPhone 6 Plus has the same resolution, and a 16:9 display ratio. As long as there is a comfortable margin, designs at this size should fit most displays. When in doubt, create at a 16:9 ratio with a wide bleed or margin area
  • iPhone 11 Pro Max has a resolution of 2688 × 1242, at 459PPI. The below are designed at 1436 x 3113px. This is a 19.5:9 ratio - slighty skinnier. Most Widescreen TVs and Mobile devices has a 16:9 ratio and this will be the standard, whereas 19.5:9 is less common.
  • In Selecting license-free photography, we always try to avoid Postcard-like cliche images. To really resonate on an emotional level with the viewer, the photography needs to either resonate with a feeling, cause, or place that speaks to the viewer. For example, most political campaigns when tasked with creating something for Sacramento, California, would immediately design something with the Capital building. However, that building doesn't have much to do with daily life for Americans in Sacramento. The trian, however, is something everyone living in or visiting Sacramento from Northern California passes and instantly recognizes as "Sac Town". It also calls back to the VP's roots, unions, and the working-class Joe our base identifies with.

Story & Phone Wallpaper

The New York Times

Juneteenth And The Right-Wing Race Game

If you know the name Ron Paul — the former United States Congressman who ran for President twice on the Republican ticket (2008 and 2012)…

To be a good Dad, look to the history of the Oval Office

“My father, Theodore Roosevelt, was the best man I ever knew,” wrote the 26th President of the United States.

Privately owned by a U.S. citizen. Note that my opinons are my own, as are those of the voters, Social Media accounts and people's messages streamed into this website. I reserve the right to use TONS of typos and make lots of mistakes. Some language may not be suitable for children. Biden branding and content used without coordination or permission. Not affiliated with or endorsed by Biden For President, The Biden-Harris Administration, The White House, any governement branch or official, or JoeBiden.com