We have many pixel lovers at Oursky. We strive for perfection in the UI design process, and most importantly, make sure developers implementing them perfectly.

Here we share our internal 101 guideline for developers, wish it will help more junior developer building Web like a Pro.

Web front-end basic styling tips

Buttons and Labels

UI-BASIC-1

  • Buttons / Labels must have same padding for top and bottom, same applies to left and right paddings.
  • Centre align your text.
  • Button should expand itself, don’t forget to apply a minimum width in case the label is very short.
  • For convenience, if the style for the hover state is not given in design, use darken or lighten function for quick and nice effect.

Continue reading