How to use ColoradoGives.org design tools to make your team page look customized, professional and true to your brand.
Getting Started
If you haven't already done so, you'll want to first create your team page. Please follow the step by step guide here.
Great, you have created your team page! Your team page will be a blank canvas at first. On the left side of your screen, you’ll see your dashboard that you can use to begin customizing your page. The rest of your screen is your team page, and you’ll be able to see changes to your page as you make them so you can decide what looks best.
In this article, we’ll be focusing on the tools that will help you design your page and best practices to make your page as attractive as it can be. For step-by-step guides to using all of the tools on your team page, check out How to Make Your Team Page Awesome and Managing Your Team on ColoradoGives.org.
Design Tools
Logo
You'll want to make sure you choose your logo wisely and follow our guidelines so your page will look its best.
Your logo will display in to the left of the team page’s title:
Your logo will also display on your team page’s tile when people browse ColoradoGives.org. So, your logo choice will represent your team in multiple places.
Choosing Your Logo
If your team is fundraising for a nonprofit organization, choosing your logo is easy: You’ll most likely want to use the nonprofit’s logo. You can create a logo specifically for your team if you’re savvy in Photoshop or Illustrator, or even use free tools like Canva to create a logo
Photos work as well — but you will need to make sure your logo doesn’t clash with your background image (which we’ll discuss more later on).
Logo best practices
- Logo shape: Because space is precious on your ColoradoGives.org team page, a square or circle image works best in this space.
- Logo size: The container for your logo is 570 x 300, so your image should have a height no more than 300 pixels and should be no wider than 570 pixels. If you upload a logo that is too large, it may be distorted in the image container. Smaller images will be centered within the container.
- File type: It’s ideal to upload a .PNG for your logo. Other image files will work, but a .PNG with a transparent background is best.
- Transparent background: A logo with a transparent background will look best against your background image on your team page. What we mean by “transparent” is that there is no white filling in the parts around your logo — it’s invisible.
Background Image
A background image is highly encouraged to add custom flair and a sense of polish and professionalism to your page. You can upload a background image by selecting "Page Editor" > "Theme" on your left-hand side dashboard.
Choosing Your Background Image
When choosing which photo to use as your background image, you’ll want to keep in mind that you’ll have your logo and team page title are displayed over your background image. For that reason, darker or more muted images work best. You also want to avoid “busy” images, and images with any text (since there will be text over your background image).
Your background photo should be relevant to your fundraiser, but beyond that, the choice is up to you!
Stock photos can work extremely well too. Google Image Search and sites like Unsplash are a great resource for free images.
Background image best practices
- Image resolution: You will want to use a high-resolution image for your background image — if you upload a lower quality image, it may be pixelated or distorted, which doesn’t enhance your page’s overall look! Images should be at least 1920 x 1080 pixels (which is also a common size for desktop wallpaper). This will also ensure that your team page is optimized for larger screens.
- Simple graphics: Since your background image will have a lot of fields displaying on top of it, you’ll want to keep it simple with your background image. Avoid images with text, patterns, or lots going on.
- Works with logo: You’ll want to make sure your logo and your background image play nice and don’t clash on the page. Even if you’re set on using a certain background image and logo, don’t feel locked into them — make changes based on how they look together.
- Stay relevant: Your background image should tie into your fundraiser. This may be obvious based on your cause or event, but you can always ask ColoradoGives.org for help if you’re stumped about what kind of image you should use for your background. Contact us here.
Theme color
The theme color affects your page’s heading, activity feed icons, and most importantly, your “Donate” button. Choose a bright, saturated and fun color that complements the colors in your logo. For nonprofits that have brand colors, you can simply enter the hex code for your color into the theme color field. Be sure to scroll through your entire page to make sure the color you chose looks good everywhere on your page. (For instance, white might look amazing against a dark background image, but it will also make other parts of your page disappear further down!)
If you’re not sure what colors work together, this color wheel is a great resource that can help you pick complementary colors.
Need Help?
If you need help with your team page’s design, don’t be shy about asking the ColoradoGives.org team to help! We’re happy to help you choose an image and colors, or even just look over your page and share our feedback. Contact us here.