Proposed Visual Direction
This style guide presents the Creek & Stone brand identity for the new Owen County Public Library website. It includes our color palette, typography, button styles, and component examples across three theme contexts.
We'd love your feedback on the overall look and feel — colors, fonts, and how everything comes together. All color pairings have been validated to meet WCAG 2.2 AAA accessibility standards, far exceeding the federal minimum.
Button Components
Primary and secondary actions, outline and text variants. All button text passes WCAG 2.2 AAA contrast ratios.
Solid Buttons
Icon Buttons
Link Buttons & Media
Small Variant
Focus State (Keyboard Navigation)
All interactive elements show a visible amber focus ring when navigated via keyboard, ensuring full accessibility.
Typography
Libre Baskerville for headings, Source Sans 3 for body. All sizes are in rem, based on a 16px root.
Heading Scale
Heading here
Heading here
Heading here
Heading here
Heading here
Heading here
Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Colors
All color pairings validated against WCAG 2.2 AAA. Amber restricted to decorative accents and large text only.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Full Palette
Green Dark
#273B25
Copied!Stone Green
#3A5637
Copied!Sage Light
#3F5C35
Copied!Navy Dark
#0D2538
Copied!Deep Creek
#153B56
Copied!Creek Light
#1B4965
Copied!Amber
#9E6610
Copied!Amber Light
#B87A1E
Copied!Accessible Backgrounds
Ink
#141A1F
Copied!Text Muted
#475561
Copied!Border
#C8D2DC
Copied!Bg Alt / Mist
#ECF0F4
Copied!Bg / Sky
#F7F9FB
Copied!Surface
#FFFFFF
Copied!Semantic
Key Contrast Ratios
| Foreground | Background | Ratio | AAA Body | Preview |
|---|---|---|---|---|
| Ink #141A1F | Surface #FFFFFF | 16.6 : 1 | Pass | Sample |
| Surface #FFFFFF | Navy Dark #0D2538 | 16.9 : 1 | Pass | Sample |
| Surface #FFFFFF | Deep Creek #153B56 | 13.2 : 1 | Pass | Sample |
| Surface #FFFFFF | Stone Green #3A5637 | 11.1 : 1 | Pass | Sample |
| Text Muted #475561 | Surface #FFFFFF | 7.9 : 1 | Pass | Sample |
| Amber #9E6610 | Surface #FFFFFF | 4.7 : 1 | Large only |
Theme Sections
Every component must work in all three themes. Below shows each theme with its full component set.
Welcome to Owen County Library
Explore our programs, events, and community resources in Spencer, Indiana.
Buttons
Blockquote
"A library is not a luxury but one of the necessities of life." Henry Ward Beecher
Form Input
Welcome to Owen County Library
Explore our programs, events, and community resources in Spencer, Indiana.
Buttons
Blockquote
"The only thing that you absolutely have to know is the location of the library." Albert Einstein
Form Input
Welcome to Owen County Library
Explore our programs, events, and community resources in Spencer, Indiana.
Buttons
Blockquote
"Libraries store the energy that fuels the imagination." Sidney Sheldon
Form Input
Font Specimens
Character sets and available weights for each typeface.
Libre Baskerville
Headings & Display
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !@#$%&*()
Source Sans 3
Body Text & UI
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !@#$%&*()
Content Example
Build Your Future at the Learning Center
Owen County Public Library offers free workforce development and certification courses at our nearby Learning Center. Our programs are designed to help adults gain practical, career-ready skills.
Current offerings include CompTIA A+, IT Fundamentals, GED Preparation, and Computer Literacy courses. No prerequisites required — just bring your willingness to learn.
Browse Classes →