StyleGuide: Difference between revisions
m (→Colors) |
m (→Colors) |
||
| Line 43: | Line 43: | ||
! What !! Standard !! Hover !! Active | ! What !! Standard !! Hover !! Active | ||
|- | |- | ||
| Main Menu BG | | | Main Menu BG |style="background:#0099cc; color:#fff;"| <span >#0099cc</span> || <span style="background:#ffbf0c; color:#fff;">#ffbf0c</span> || <span style="background:#fff; color:#000;">#fff</span> | ||
|- | |- | ||
| Main Menu Link Text || <span style="background:#fff;">#fff</span> || <span style="background:#fff;">#fff</span> || <span style="background:#000;">#000</span> | | Main Menu Link Text || <span style="background:#fff;">#fff</span> || <span style="background:#fff;">#fff</span> || <span style="background:#000;">#000</span> | ||
Revision as of 14:48, 8 March 2022
A consistent style guide can help keep our branding and message coherent.
Vision
People building skills and knowledge that enhance their lives, in a region prepared to prosper.
Mission
To inform, inspire, empower, and connect the people we serve.
Values
ENLIGHTEN
MFRL will support learning and skill building for all patrons at all stages of life.
DEVELOP SPACES
MFRL will create, and re-create, library spaces around our patrons’ needs and expectations.
BUILD CONNECTIONS
MFRL will enhance the capacity, reach, and results of its growing community partners.
TELL OUR STORY
MFRL will achieve greater awareness of its services and value through improved branding, communication, and collaboration.
OVERCOME BARRIERS
MFRL will find and overcome barriers that prevent patrons from fully benefiting from its services.
STRENGTHEN STAFF
MFRL will strengthen staff development and organizational capacity to provide excellent patron experiences.
LEAD WITH TECHNOLOGY
MFRL will deliver access to indemand and emerging technology and guidance in its use.
Logo
examples
Colors
| What | Standard | Hover | Active |
|---|---|---|---|
| style="background:#0099cc; color:#fff;"| #0099cc | #ffbf0c | #fff | |
| Main Menu Link Text | #fff | #fff | #000 |
| Sub Menu BG | #ffeec1 | #ffbf0c | #ff9000 |
| Link Text | Example | Example | |
| Example | Example | Example |
Menu Blue: #0099cc; Menu Hover: #ffbf0c; Menu Active: #ff9000; Header Blue: #0086c6; Subhead Orange: #f09100; Visited Purple: #90c; Link Active: #f70;
- ffeec1
- 0086b3