StyleGuide: Difference between revisions
m (→Colors) |
m (→Colors) |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 41: | Line 41: | ||
|+ Color Examples: Links | |+ Color Examples: Links | ||
|- | |- | ||
! | ! Main Menu items !! Standard !! Hover !! Active !! Current Section | ||
|- | |- | ||
| Main Menu BG || | | Main Menu BG ||style="background:#0099cc; color:#fff;"| #0099cc ||style="background:#ffbf0c; color:#fff;"| #ffbf0c ||style="background:#ffbf0c; color:#fff;"| #ffbf0c || style="background:#fff; color:#000;"| #fff | ||
|- | |- | ||
| Main Menu Link Text || | | Main Menu Link Text||style="background:#0099cc; color:#fff;"| #fff ||style="background:#ffbf0c; color:#fff;"| #fff ||style="background:#ffbf0c; color:#fff;"| #fff || style="background:#fff; color:#000;"| #000 | ||
|- | |- | ||
| Sub Menu BG || | | Sub Menu BG || style="background:#ffeec1;"| #ffeec1 || style="background:#ffbf0c;" | #ffbf0c || style="background:#ffbf0c;" | #ffbf0c || style="background:#ff9000;" | #ff9000 | ||
|- | |- | ||
| Link Text || | | Sub Menu Link Text || style="background:#ffeec1; color:#666; font-weight:bold;"| #666, Bold || style="background:#ffbf0c; color:#fff; font-weight:bold;" | #fff, Bold || style="background:#ffbf0c; color:#fff; font-weight:bold;" | #fff, Bold || style="background:#ff9000; color:#fff; font-weight:bold;" | #fff, Bold | ||
|- | |- | ||
| | | Border || colspan="2" style="border: 1px Solid #fff; background:#ffbf0c;"| 1px Solid #fff; || 1px Solid #0ff || | ||
|} | |} | ||
Visited Purple: #90c; | Visited Purple: #90c; | ||
Link Active: #f70; | Link Active: #f70; | ||
#ffeec1 | #ffeec1 | ||
#0086b3 | #0086b3 | ||
Latest revision as of 08:25, 23 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
| Main Menu items | Standard | Hover | Active | Current Section |
|---|---|---|---|---|
| Main Menu BG | #0099cc | #ffbf0c | #ffbf0c | #fff |
| Main Menu Link Text | #fff | #fff | #fff | #000 |
| Sub Menu BG | #ffeec1 | #ffbf0c | #ffbf0c | #ff9000 |
| Sub Menu Link Text | #666, Bold | #fff, Bold | #fff, Bold | #fff, Bold |
| Border | 1px Solid #fff; | 1px Solid #0ff | ||
Visited Purple: #90c;
Link Active: #f70;
- ffeec1
- 0086b3