Activity Center at Broadview for Christian Scientists & their friends

RSVP Today

The Hub at Broadview

Brand Guide

A live view of the fonts, colors, layout tokens and reusable components that shape The Hub. Change a Bricks global variable and this guide updates with the site.

01 · Identity

A welcoming center across generations

Primary logo on light backgrounds

Symbol for compact placements

02 · Typography

Three voices, one system

--hub-font-display · 'EB Garamond', Georgia, serif

More life. More purpose.

EB Garamond carries major headings and moments of warmth, heritage and welcome.

--hub-font-body · 'Nunito Sans', Arial, sans-serif

Clear, generous language helps every generation find a way into the story.

Nunito Sans is the working voice for navigation, paragraphs, forms and details.

--hub-font-script · 'Caveat', cursive

More together.

Caveat adds a human accent. Keep it short and expressive rather than using it for body copy.

Body text--hub-type-body18px
Introductory text--hub-type-lede19px
Supporting copy--hub-type-copy17px
Navigation and buttons--hub-type-ui16px
Minimum supporting text--hub-type-small14px

03 · Color

The live Bricks palette

Every swatch below reads its current value from Bricks global variables.

Navy --hub-color-navy #1B3160
Deep navy --hub-color-navy-deep #142647
Hero navy --hub-color-hero #16294D
Primary green --hub-color-green #71A637
Accessible action green --hub-color-action #567F2A
Action hover green --hub-color-action-hover #4F7627
Bright green --hub-color-green-bright #8FC542
Teal --hub-color-teal #2F9CB3
Gold --hub-color-gold #D9A527
Purple --hub-color-purple #7B6A9E
Body ink --hub-color-ink #44546A
Muted ink --hub-color-muted #5B7089
Pale surface --hub-color-pale #F4F6F9
White --hub-color-white #FFFFFF
Soft blue --hub-color-blue-soft #A8C4E8
Hero copy --hub-color-hero-copy #C9D8EC
Hero muted --hub-color-hero-muted #8BA7C9

04 · Components

Use the shared classes

Program card

Active & Connected

Wellness, learning, fellowship and new experiences for active adults.

Form controls

05 · Layout

Consistent rhythm at every size

Content shell--hub-shell1180px
Responsive gutter--hub-gutterclamp(20px, 3.75vw, 44px)
Section spacing--hub-section-spaceclamp(56px, 6vw, 76px)
Button radius--hub-radius-button6px
Card radius--hub-radius-card10px
Card shadow--hub-shadow-card0 12px 28px rgb(27 49 96 / 14%)
Minimum control height--hub-control-min52px

06 · Ownership

Where to update the system

  1. Colors, fonts and layout values: Bricks → Settings → Global Variables.
  2. Body, heading and button defaults: Bricks → Settings → Theme Styles → The Hub / Base.
  3. Reusable sections: Bricks → Templates → Hub Library.
  4. Shared contact, event and newsletter copy: WordPress → Hub Settings.
  5. Program tracks: WordPress → Hub Settings → Programs.