utilities

fnx|ui comes in with handy utilities you can use.

Typography: http://demo.fnx.io/fnx_ui/css/demo_typography.html

Use classes fs-s, fs-m, fs-l, fs-xl, etc. to change font-size. Align text (text--center, text--left, text--right) and decorate it (bold, underline, italics, strike, monospace).

Padding, margin, border: http://demo.fnx.io/fnx_ui/css/demo_utils.html

Use padding--top, padding--small--left, padding--big--bottom, margin-*, border--left, border--vertical etc to fine tune your UI. "big" padding or margin has the size of input or button height, icon etc, so it keeps "rhytm".

Shadows: http://demo.fnx.io/fnx_ui/css/demo_shadows.html

Create material-ish depth of your UI with shadow, shadow--big and shadow--huge.