Marmot Library Network style guide

Marmot Library Network style guide

1. Brand Overview

1.1 Name / Identity

  • Official: Marmot Library Network, Inc.

  • Branded shorthand: Marmot

  • Tagline: “Innovation through collaboration,” “Shared resources, shared strength”

1.2 Mission / Positioning

Marmot Library Network connects libraries through powerful resource sharing and expert IT services, so you can focus on your patrons, not your systems. Join a trusted network that helps you do more, with less.

1.3 Brand Attributes / Tone

Attribute

Description / What It Communicates

Collaborative / Community-first

Marmot is about joint effort, coalition, working together

Forward-looking / Innovative

It adapts to new technology, supports growth

Approachable but professional

Serves libraries but rooted in service ethos

Clear / Accessible

Information should be easy to find; not overly technical

Top of page


2. Logo & Usage

2.1 Logo Variants

Standard

Color

Usage:

Marmot_FINAL_Logo_RGB_040125.png

Monochrome

Usage:

Marmot_FINAL_Logo_black_040125.png

Reverse

Usage:

Marmot_FINAL_Logo_Reverse_040125.png

Square

Color

Usage:

Monochrome

Usage:

Circle

Color

Usage:

Monochrome

Usage:

2.2 Clear Space & Minimum Size

  • To Do: Define a “safe zone” area around the logo where no other elements intrude (e.g. x-height of “M” or some unit)

  • To Do: Specify minimum size (in px or mm) for print and on-screen usage

2.3 Usage Rules

  • Don’t distort, stretch, skew

  • Don’t change colors outside of approved palette

  • Don’t place on conflicting backgrounds unless sufficient contrast

  • For dark backgrounds, use the white / reversed version

Top of page


3. Color Palette

3.1 Brand Colors

Role

Hex / Pantone

 

Usage Notes / Purpose

Primary

#004F6E

7691C

 

Main logo color, text

Accent

#006096

3025C

 

Logo accent color

Secondary

#CC8442

722C

 

Logo contrast color

Neutral

#231F20

Cool Grey 10C

 

Logo text

3.2 Web Colors

Role

Hex

 

Usage Notes / Purpose

Primary

#004F6E

 

Heading text, links

Neutral

#D8E1E6

 

Headers, navigation

Accent

#ADADC2

 

Footer, feature boxes

Secondary

#A17F6C

 

Important text, feature boxes

Neutral

#D3D7DD

 

Borders, rulers, arrows

Neutral

#F5F5F6

 

Background, light text

3.3 Color Combinations / Contrast

Background

 

Text

 

Contrast Ratio
(at 1 rem)

#004F6E

Marmot Library Network

Marmot Library Network

#FFFFFF

 

9.05

#D8E1E6

Marmot Library Network

Marmot Library Network

#000000

 

15.83

#ADADC2

Marmot Library Network

Marmot Library Network

#000000

 

9.53

#A17F6C

Marmot Library Network

Marmot Library Network

#000000

 

5.77

#D3D7DD

Marmot Library Network

Marmot Library Network

#000000

 

15.53

#F5F5F6

Marmot Library Network

Marmot Library Network

#212529

 

14.15

Top of page


4. Typography

4.1 Brand Fonts

Primary Typefaces

  • Mukta Bold - Marmot logo

  • Noto Sans - Body

4.2 Web Fonts

  • Helvetica - Body

4.3 Hierarchy & Styles

Role

Font / Weight

Size

Leading / Line-height

Use Case

H1

Heading font, Bold / Semi-Bold

~ 36–48px

~1.2

Hero titles

H2

Heading font, Semi-Bold

~ 28–32px

1.3

Section headings

H3

Heading font, Regular / Medium

~ 22–26px

1.4

Subsections

Body / paragraph

Sans-serif, Regular

~ 16px

1.5

Body text

Small / caption

Sans-serif, Regular / Light

~ 14px

1.4

Footnotes, UI hints

Links / buttons

Sans-serif, Semi-Bold

~ 16–18px

same as body or tighter

CTA / navigation

4.4 Styling Conventions

  • Headings in title case

  • Avoid overuse of ALL CAPS except for small UI labels

  • Use bold sparingly for emphasis; use color accents instead of italic where possible

  • Consistent margin / padding around headings to maintain vertical rhythm

Top of page


5. Imagery & Graphic Style

Photography / Imagery

  • Use real photos of libraries, people (library staff, patrons), bookshelves, collaborative spaces

  • Prefer warm lighting, human scale, candid rather than overly staged

  • Overlay text carefully with dark translucent backgrounds or solid overlays to maintain readability

  • Use hero images with breadth (wide images) and possibly a semi-transparent overlay in brand accent tones

Icons / Illustrations

  • Simple line icons or minimal flat icons that echo library or network / sharing themes

  • Use icon set in same stroke-weight and style

  • Use accent color for icon highlights or icon fills sparingly

  • For infographics or diagrams, stick with brand palette and clean, consistent line weights

Top of page


6. Tone & Voice / Messaging Guidelines

Writing Tone

  • Clear, direct, inclusive

  • Professional but warm — remember the service / mission orientation

  • Use active voice (“Marmot supports …”)

  • Avoid overly technical jargon when possible; when you must use it, explain it simply

  • Use inclusive language (e.g. “libraries and their communities,” “staff,” etc.)

Terminology / Key Vocabulary

  • “Member libraries,” “consortium,” “shared resources,” “collaborative,” “innovation,” “service,” “access”, “excellence”, “respect for all”, “responsive service”, “Member-driven” , “Data Informed”, “Value”

  • “Library staff” or “Staff Users” over “library employees”

  • “Marmot Office Staff” to identify Marmot Employees

  • “patrons” (tends to be a more public library term) or “library users”, “students”, or “faculty” (tend to be used more by academic libraries)

  • When referencing software / systems (Sierra, OverDrive, etc.), be consistent (no aliases)

  • Marmot is not a vendor. It is a “non-profit consortium.”

  • Departments

    • Workstation Management

    • User Services

    • Software Development

    • Information Services

    • Marmot Executive Board

    • Marmot Council

    • Shared Governance Committees

  • eResources over eContent

  • Service Request over ticket

  • “Enterprise grade data center”, “cybersecurity standards and best practices,” “multiple, redundant backups” , “off-site disaster recovery backups”, “site-to-site VPNs”

Terms to avoid

  • Vendor

  • Profit/Profitable

Grammar / Style Preferences

  • Use Serial (Oxford) comma

  • Numbers: spell out one–nine, numerals for 10+

  • Long dates: August 18, 2025

  • Short dates: 8/15/2025

  • Capitalization: for internal product names, section names use “Member Libraries,” “IT Services,” etc. consistently

Top of page


7. Accessibility & Technical Considerations

  • Always check color contrast (text vs background) to meet WCAG AA or better for body text

  • Use semantic HTML (headings, lists, landmarks) to support screen readers

  • Ensure focus states for interactive elements are visible (not just color change)

  • Alt text on images — describe meaningful content

  • Responsive design: ensure typography, images, layout scale well from mobile to large screens

Top of page


8. Governance & Versioning

Top of page