Header style and branding

I've been experimenting with ways to bring styles from our newly branded website (www.fastly.com) into the app. The brand used strong swaths of color (featuring our primary color, red) and the font Raleway, and uses a lot more all-caps than the app currently does.

The primary challenge is bringing red into the app. My goals are:
1. To do so in a way that makes the content still readable
2. To not look like an "error" state. (Our errors are all purple, but it's still deeply ingrained that red=error in app UIs)
3. To use secondary colors that can stand next to it and complement it.
4. To not look like an airline or a political campaign

I've tried about 8 variations and although this feels like it might be breaking goal #4, this is my favorite. (Hi, mods!)

More by Fastly

View profile