Product Style Guides

View the style guide for Abila Freestone Learning Management System ™.

View the style guide for Abila netFORUM Pro™.

View the style guide for Abila netFORUM Enterprise™.

View the style guide for Abila MIP Advance™.

Abila Brand Standards

Color Palette

Abila has five core colors that should be the predominant colors used in all products.

Aero Blue

Soapstone

C3PO

Crimson

Yerba Maté



Fonts

Open Sans

Regular Font

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

Light Font

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

Semibold Font

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

Bold Font

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

Font Awesome

All icons present (besides the application logo) are font awesome generated glyphs. www.fontawesome.github.io

Web Application Icon Examples

Example of arrows
Example of bar-chart
Example of bar-chart-o (alias)
Example of barcode
Example of calculator
Example of calendar
Example of circle-thin
Example of cog
Example of cogs
Example of copyright
Example of dashboard (alias)
Example of diamond
Example of dot-circle-o
Example of download
Example of edit (alias)
Example of envelope
Example of exclamation
Example of filter
Example of flask
Example of folder
Example of gear (alias)
Example of gears (alias)
Example of group (alias)
Example of heart
Example of home
Example of inbox
Example of key
Example of lightbulb-o
Example of line-chart
Example of lock
Example of minus
Example of money
Example of plus
Example of plus-circle
Example of plus-square
Example of plus-square-o
Example of power-off
Example of print
Example of puzzle-piece
Example of question
Example of question-circle
Example of refresh
Example of remove (alias)
Example of search
Example of search-minus
Example of search-plus
Example of send (alias)
Example of send-o (alias)
Example of sign-in
Example of sign-out
Example of sort
Example of sort-alpha-asc
Example of sort-alpha-desc
Example of sort-amount-asc
Example of sort-amount-desc
Example of sort-asc
Example of sort-desc
Example of sort-down (alias)
Example of sort-numeric-asc
Example of sort-numeric-desc
Example of sort-up (alias)
Example of spinner
Example of star
Example of star-half
Example of star-half-empty (alias)
Example of star-half-full (alias)
Example of star-half-o
Example of star-o
Example of support (alias)
Example of tablet
Example of times
Example of times-circle
Example of times-circle-o
Example of toggle-down (alias)
Example of toggle-left (alias)
Example of toggle-off
Example of toggle-on
Example of toggle-right (alias)
Example of toggle-up (alias)
Example of trademark
Example of universal-access
Example of unlock
Example of unlock-alt
Example of unsorted (alias)
Example of upload
Example of user
Example of user-plus
Example of user-secret
Example of user-times
Example of users
Example of warning (alias)
Example of wrench