Intro

This is the default style guide for general ALC stuff

Usage

Colors

The ALC Colors is made up of bold colors, red, yellow, green, orange, blue, purple, and gray.

Each color palette has a number of shades numbered 50 to 900 and a set of accent colors between A100 to A700. The base color is 500. You can see the full ALC Color palette here. The bars below represent the the 100, 500 (base), and 700 of each color in our palette.

#F5D3D5
#FEF9E9
#DBEEDB
#E8F5FB
#FCEBE1
#AE5A84
#BEBEBE
#DD6B71
#FAD56E
#84C584
#7DC6E6
#F29C6C
#5C2D45
#7F7F7F
#D23941
#F8C433
#5AB25A
#4AAFDC
#ED7634
#331926
#606060
#A8262D
#E6AB08
#428D42
#2693C3
#D15713
#0A0507
#414141
#761B20
#AB7F06
#2E632E
#1C6C90
#993F0E
#000000
#232323

Learn more about how to use colors in the main color section.

Logos

The ALC logo was designed by Eric Friedensohn in 2014.

Marque

This is the basic building block of the Agile Learning Center brand. It is designed to be flexible and scalable to serve as a launching point for any ALC community branding.

Main logo

Stamp

A variation of the basic logo, great for adding the ALC brand to print outs or as a water mark on images.

Circle logo

Illustrative

You are free to have fun with the logo and add illustrative flair.

Illustrative logo

Text

The logo is designed to be paired with text

Text logo

Imagery

Tone

Typography

We use BK Samuels No5 as our base font. Visit the typography detail page for more information. Below are the common font treatments for different common elements.

Normal text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem link text dolor bold text sit amet, italic text consectetur marked text elit. Morbi luctus feugiat justo, ac iaculis eros posuere et.

Quote text: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Super Header

The super header is for top level section, main chapters, etc.

Headline

Secondary Headline

Header 3

Header 4

Header 5
Header 6

results matching ""

    No results matching ""