Style Guide

Style Guide — hidden reference page, not linked in the site navigation. Everything below uses the BZB Labs brand palette registered in the theme.

Brand palette

Primary
#EDB422

Secondary
#AD661F

Accent
#1D56C9

Support
#FFCC49

Typography

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lead paragraph — slightly larger than body. BZB Labs builds practical software: reliable data tools and educational products people use every day.

Body paragraph at the default size. This is the normal reading text across the site — informative, calm, and to the point. Bold for emphasis, italic for titles or terms, and inline links to related pages.

Small text — used for captions, footnotes, and helper copy. Still readable at a glance.

Lists

Unordered list

Reliable data tools
Educational products
- Built for real families
- Simple by design
North American focus

Ordered list

First, understand the problem.
Second, design the simplest fix.
Third, ship and iterate.

Quote & code

Practical software isn’t about more features — it’s about the right features, done well.
— BZB Labs

const brand = {
  primary:   '#EDB422',
  secondary: '#AD661F',
  accent:    '#1D56C9',
  support:   '#FFCC49'
};

Table

Token	Hex	Typical use
Primary	#EDB422	Headings, CTAs, borders
Secondary	#AD661F	Dark sibling, headings on light
Accent	#1D56C9	Links, outline buttons
Support	#FFCC49	Light fills, highlights

Buttons

Cards & callouts

Product card (bordered)

Recalls Watch

Real-time consumer product recall alerts for North America — food, health, and household products, all in one place.

Visit recallswatch.com ↗

Callout — Primary fill

Use a primary callout for the single most important message on the page. Dark text keeps it readable on amber.

Callout — Accent fill

Use an accent callout to contrast with amber — e.g. a note about a different product or a next step.