UI kit

Approved interface elements for EverReach ABA digital products. Copy the code, keep the brand.

Buttons

Primary for the one main action, secondary for supporting actions, outline and ghost for everything quieter. Raised is the plush option for hero and conversion moments.

Buttons with icons

Leading icon for the action verb, trailing arrow for a next step, square icon-only buttons with a label for assistive tech, and a loading state that stays the same size.

Badges and pills

Short status and category labels. Solid for emphasis, tint for most cases, outline for quiet metadata, navy for formal states.

New Utah Maryland Accepting clients

Form controls

Neutral borders at rest, Electric Blue focus rings and checked states, navy labels. Real inputs underneath every control.

Links

Standard links are Electric Blue. Arrow links lead to a next step, quiet links underline on hover, back links step out.

Underline on hoverMeet the team

Link over image

A white arrow link sits bottom-left on media, with a soft dark scrim underneath for legibility.

See the space

Link over navy panel

Same placement on a Deep Koamaru block. The link is Electric Blue and turns white on hover.

Explore our programs

Alerts

Three notice levels on soft tints with duotone icons. Rounded, no strokes, one line of copy each.

Intake paperwork updatedFamilies starting in October use the new consent form.
Session confirmedTuesday at 3:30pm with your BCBA. A reminder goes out the day before.

Image card

Media on top, navy title, muted body, arrow link. Hover lifts the card and eases the image in.

In-home therapy

Skills built where life happens, with parents as partners every session.

Learn more

Icon card

Duotone brand icon in a soft blue circle. On hover the circle fills Electric Blue and the icon turns white.

School-based support

Our team partners with teachers so progress at home carries into the classroom.

Stat card

Navy surface, a big display figure, a Poppins caption and one Electric Blue accent mark.

2 states Utah and Maryland. In-home, school-based and community programs.

Cards with icons

Three-up feature row on tinted surfaces. Duotone icons from the primary set on a soft tint, no strokes.

In-home therapy

Skills built where life happens, with parents as partners every session.

School-based support

Our team works alongside teachers so progress carries into the classroom.

Community integration

Real-world practice, from playgrounds to grocery stores, one steady step at a time.

Testimonials

Quote set in the display face at a readable size, attribution in the body face, one Electric Blue quote mark. White and navy variants.

For the first time, bedtime is calm. Our therapist showed us what to do, then stood back and let us do it.

Maria T.Parent, Salt Lake City

They talked to our son like a person first. Progress followed from there.

Devon R.Parent, Columbia

FAQ accordion

Native details and summary, so it works without scripts. Navy question, Electric Blue chevron that turns on open, soft reveal, dividers between items.

Does insurance cover ABA therapy?
Most plans in Utah and Maryland cover ABA with an autism diagnosis. We verify your benefits before the first session and explain any costs up front.
How long is a session?
Sessions usually run two to three hours, several times a week. The plan depends on your child's goals and what fits your family's routine.
How involved are parents?
Very. Parent training is part of every plan, so the skills your child learns in session carry into everyday life at home.

Breadcrumbs and pagination

Breadcrumb trail with chevron separators and the current page in navy. Pagination with an Electric Blue active page and arrow steps.

Table

Navy header, zebra rows on a soft blue tint, rounded corners, no strokes. Scrolls sideways on small screens.

LocationStateWeekdaysSaturday
Salt Lake CityUtah8:00am to 6:00pm9:00am to 1:00pm
ProvoUtah8:00am to 6:00pmClosed
BaltimoreMaryland8:00am to 6:00pm9:00am to 1:00pm
ColumbiaMaryland9:00am to 5:00pmClosed

Stat row

Four figures in the display face, Electric Blue, with navy captions. Numbers count up once when they scroll into view.

500+Families served
2States
40+Therapists
98%Parent satisfaction

Navigation header

White bar with the primary lockup at 32px, three links and one primary action.

Book a consultation

Navigation header, navy

The same bar on Deep Koamaru with the reversed lockup. Links turn white, hover goes Electric Blue.

Book a consultation

CTA banner

Full-width Deep Koamaru band with a display headline, one line of body copy and the raised button. The mark sits faintly in the background.

Ready to reach higher?

Tell us about your child and we will match you with a therapist in your area within a week.

Start an intake

Footer

Navy footer with the reversed lockup, three link columns, a contact line and a bottom bar. Columns stack on small screens.

Design tokens

Radius 10px, spacing on a 4px base, one elevation shadow. Paste into your global stylesheet.

Radius

--radius: 10px

Spacing scale

12345678

Shadow

--shadow: 0 8px 20px rgba(35, 39, 63, 0.08)
:root {
  --color-rich-electric-blue: #069FDB;
  --color-deep-koamaru: #31375B;
  --color-ink: #111318;
  --color-muted: #6B7280;
  --color-surface: #F6F7F9;
  --color-border: #E5E7EB;
  --radius: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --shadow: 0 8px 20px rgba(35, 39, 63, 0.08);
  --font-sans: 'Poppins', Arial, Helvetica, sans-serif;
  --font-display: 'MuseoModerno', 'Poppins', Arial, sans-serif;
}