F5 Sites Design Guidelines

In our first attempt to uniform all our projects designs, making a similar look, like when you are in a Google, Amazon, Microsoft or Apple product you kind of know, even if you don’t really know why you know, you pretty sure that the sense and fell makes you fell like you are in “home”. That’s because they have a consistent design with some rules that guide all they products.

So F5 Sites started developing our first design guidelines, they started simple, but we think the rules will become more fit-able and better with time passes, so our first design guidelines are:

  • Top bar over all products
  • Logo font: Lobster
  • Color:
    • F5 blue: #03659c
    • F5 light blue: #549ed1
    • Ubuntu orange: #FF5919
    • Darkest gray: #3F3F3F
    • Dark gray: #888888
    • Light gray: #EEEEEE
    • Dark green: #398439
    • Light green: #449d44
    • Gold: #E2D693
  • Custom posts and products thumbnails

For now that is all, in future we are predicting paddings and margins for some elements. They will be applied whenever I can, for now they just exists and are being implemented without a deadline, but nothing new will be developed without following this strict.

About Francisco Mat

Sou utilizador do WordPress em meus sites e entendo as necessidades dos meus clientes de uma maneira diferenciada, a utilização como usuário final, somada a minha experiência como programador e formação como administrador (UNESP-Araraquara 2010), com passagens pelos cursos de Análise e Desenvolvimento de Sistemas (FATEC-SP, 2013) e mestrado em Administração FEA/USP (2014-2016) me faz encontrar soluções diversificadas e utilizações criativas do WordPress. Programador desde 2003, participei de mais de 160 projetos documentados, desde empreendimento pessoais a importantes clientes do mercado. Hoje atuo como programador em tempo integral e dedico horas livres para projetos de educação, como criação de cursos e palestras.
This entry was posted in www.f5sites.com, www.franciscomat.com, www.projectimer.com and tagged , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *