For Charlie & the Juniper Gardens team to review

Brand & Design Patterns

One page for Charlie and the Juniper Gardens team to review and sign off the brand and the design patterns the site is built from: logo, color, type, buttons, chips, cards, and the core page components. Everything uses the official palette and type. Flag anything to change. Design: Blake, Garrett Digital.

02 · Color

Palette

The full brand palette. Blue leads; sky, wheat, and crimson are accents that stay secondary to the partner logos beside them.

Brand Blue
#0051ba
Primary, links, buttons
Sky
#69caf0
Accent
Wheat
#fab317
Topic tags, accent dot
Crimson
#ff3042
Button dot, accent
Pale Blue
#e1eef9
Hero bands, soft tags
Grey
#949ca1
Logo subtitle, muted
Ink
#000000
Headings, body
Surface
#f1f4f9
Cards, stat panels
Dot rotation. The grid-mark dots always follow the same order: blue, sky, wheat, crimson. Single-dot subdividers rotate through the same sequence.

03 · Typography

Type faces & scale

Halyard Display for headings, Freight (serif) for body. Source Sans Pro is the free, open-source fallback if a web license isn't carried for Halyard.

Where research meets real-world learning

Practical tools for educators and families

Behavior interventions often begin with strong momentum. Schools dedicate time to professional development and early progress is encouraging.

Headings: Halyard Display (Adobe Fonts). Body: Freight / FreightText Pro (Adobe Fonts). Shown live with web fallbacks where the kit isn't loaded.

Type scale · matches the live site, 19px base
Headings
Page title46px
Section heading38px
Subsection26px
Text
Lead paragraph22px
Body text19px
Small / captions14px

04 · Buttons

Button styles

Pill buttons with a colored dot. Solid for primary actions, outline for secondary, white on blue backgrounds.

Uppercase is applied with CSS (text-transform), so the underlying text stays normal-case and readable for screen readers.

05 · Tags & labels

Chips

Compact, rounded chips. Topic tags use wheat, audience uses blue, soft pale-blue is for status like Free. A card carries one topic chip plus, optionally, an audience chip.

Behavior Literacy Educators Families Free

Wheat = Topic · Blue = Audience · Pale = status/cost.

06 · Resource cards

With and without photos

Most resources have no featured image, so the default cards build their visual from topic color + a resource-type icon. A real photo drops into the same slot when one exists. The partner shows as its logo (a small square) when it has one, or as text when it doesn't (for example, IGDIs). Three treatments below.

A · Icon tile (default for grids) — and the same card with a real photo
B · Text-forward (no media) — best for dense lists and search results

07 · Page components

The most-used building blocks

The reusable blocks that assemble into pages, built with Kadence Pro. Headings sit flush left on a single content edge. The full set lives in the pattern library.

Section divider (grid mark)

Featured Resources

Page hero / title band
Resource Library

Find a tool that works

Left-aligned title, sub, and body share one left edge.
Product detail · buy area (photo de-emphasized, no-photo default)
Online course
LiteracyEducators

Literacy Bridges Online Course 1

Online professional learning for literacy educators, coaches, and leaders.

See uStore
Online course · delivered in Moodle
Get This Resource
Category: Literacy & Reading  ·  Partner: Literacy Bridges
Stat cards (3-up)
68%
Staff report intervention drift by year two
42%
Educators report reduced consistency
3 in 5
Schools prioritize ongoing coaching
Pull quote

Successful behavior systems are not sustained through enthusiasm alone. They rely on consistent reinforcement, coaching, and shared expectations over time.

Johnathan Weber, University of Kansas
FAQ accordion
Why do interventions lose effectiveness over time?
Interventions often lose effectiveness when schools reduce coaching, data reviews, or leadership reinforcement after the first year.
How can schools maintain staff consistency?+
What kind of behavior data is most useful?+
Inline CTA banner

Looking for tools that make this stick?

Explore research-grounded coaching resources from Juniper Gardens.

Explore Resources
Article listing card (image-free)
Breadcrumb
Resources › Literacy & Reading › Literacy Bridges Online Course 1
Filter chips (catalog & articles)
AllFamiliesEducatorsAdministratorsPolicymakers
Author / PI box (credibility)
AS
Reviewed by Alana Schnitz, Ph.D.
Principal Investigator · Juniper Gardens Children's Project
Transaction types (four ways to act)
Free download
Free
Download
Paid kit / course
$149
View in uStore
Online course
$299
Enroll via uStore
Service / training
Custom
Request a Quote

No on-site checkout: paid items link out to KU's uStore (TouchNet); free downloads capture an email; services route to a quote form.

Mission band (blue intro)

With Research to Real World, that gap gets smaller. Our carefully curated resources make research-grounded ideas easier to explore, understand, and apply, so the people doing the work can move forward with confidence.

More About Our Research