Design System

FoundationRX Design System

Component Library

Live proof that the Reach Co component CSS renders on this site. Everything below is styled only by reach-co-utilities/assets/reach-co-components.css (the page adds layout scaffolding only). Hover the buttons — the states are real.

Where the CSS lives

  • Design tokens (colors, type, spacing, radii): bb-theme-child/assets/css/design-system.css → handle frx-design-system. Canonical source in the repo: brand/design-system.css.
  • Component/utility classes (buttons, badges, eyebrows, widths, section context): reach-co-utilities/assets/reach-co-components.css. Canonical source: brand/reach-co-components.css. No CSS lives inside any module.

Where classes get added

  • Dedicated modules — pick from a dropdown, no class typing: Quick Text → Display As (Text / Eyebrow / Eyebrow Light) · Button → Button Style (5 variants) · Quick Badge → Style (status + label variants, dot toggle).
  • Module level (BB module → Advanced → CSS Class): heading sizes s-heading/xl-heading/xxl-heading, eyebrow/eyebrow-light, text colors red-text/blue-text/white-text.
  • Row level (BB Row → Advanced → CSS Class): section-dark (dark-bg link handling) · rc-flush (full-bleed) · rc-section-lg (bigger rhythm).
  • Column level (BB Column → Advanced → CSS Class): rc-width-1-2, rc-width-1-3@m … and rc-mx-auto to center.

Buttons

Base .rc-btn + a variant. Shipped by the Button module. Hover to see states.

Get a Free Inspection.primary-btn Schedule Now.secondary-btn Learn More.tertiary-btn Our Services.dark-line-btn
Call (470) 217-7653.light-line-btn Get a Free Inspection.primary-btn (on dark) Schedule Now.secondary-btn (on dark)

Button Icons & Text Links

The Button module now does icons (before/after, always or appear-on-hover, with a slide) and a Text Link kind with underline effects. Hover them.

Get a Free Inspectionicon after · slide Call Nowicon before · slide Learn Moreicon after · appear on hover
Underline on hover.rc-link .rc-underline-hover Grow from middle.rc-underline-center Always underlined.rc-underline Accent link.rc-link-accent

Eyebrows

A section kicker. Via Quick Text → Display As, or class eyebrow on a Heading. (Rendered here as rc-text eyebrow, exactly what the module outputs.)

Is your home showing symptoms?.eyebrow Small kicker.eyebrow-sm Large kicker.eyebrow-lg
Is your home showing symptoms?.eyebrow.eyebrow-light (on dark)

Status / Trust Pills

Dot + sentence-case. Shipped by Quick Badge → Style: Status. Green tint on solid/dark; glass over photos.

Local & family-owned · Free in-home inspection.rc-status
Local & family-owned · Free in-home inspection.rc-status.rc-status-glass

Label Badges

Small uppercase tags. Shipped by Quick Badge → Style: Label.

New.rc-badge Limited.rc-badge-accent Featured.rc-badge-solid Beta.rc-badge-outline

Icon Tiles

An icon in a colored, rounded tile. Shipped by the Quick Icon module — pick an icon + preset, then adjust size / radius / color. Preset colors come from the design system.

.rc-icon-primary .rc-icon-accent .rc-icon-soft .rc-icon-circle size override (96/44)
.rc-icon-dark .rc-icon-glass

Feature Rows

Icon tile + title + subtitle — the Quick Feature module. Trust bars, “why us” lists, benefit rows. Icon left or on top; linked rows warm the title on hover.

Local & Family-Owned
Right here in Tallapoosa since 2019
icon left · center
Workmanship Warranty
Backed in writing
icon top · center
Free In-Home Inspection
No pressure, no charge — call (470) 217-7653

Callout Cards

Icon + title + body + arrow link — the Quick Card module. The whole card is clickable; it lifts on hover (desktop) and on tap/focus (mobile). Hover or tab to one to see it.

Cracks in the Brick

Stair-step or diagonal cracks in brick or block usually point to a settling foundation. They widen over time.
Get a free inspection

Doors That Stick

Doors and windows that suddenly won’t close square up with a shifting foundation underneath.
Get a free inspection

Water in the Crawl Space

Standing water or damp insulation signals drainage failure that leads to mold and sagging floors.
Get a free inspection