For the press that will use the media channel it’s important the style won’t distract. For the Asian Football Confederation we incorporated the primary branding colors blue and yellow. In the media channel you will find the main navigation in the AFC blue and the most important buttons have a yellow background color.
The complete media channel is using the Roboto font by Christian Robertson (Google Fonts). We chose for the condensed version for a couple of reasons:
1) Most of the text is not very dense, there aren’t a lot of paragraphs or text pages.
2) Much of the information is stored in tables, a font that save horizontal spaces makes sense.
Example of Roboto
Description of Roboto on the Google Fonts website
The 3 styles we designed for the buttons are primary, secondary and optional. The sizes also differ to give more attention to particular screen actions.
Login page with primary, secondary and optional button styles
We also made it possible to color code a event. This way you can easy distinct the different events from each other.
Color coded events
We made sure the pages for registration is simple as possible with a clear 1 column layout and helpfull hints on the right side of the screen. If there is a field not filled in you will receive an error message highlighted in red.
The Registration page