Bay Area Orthodontics Accessibility Statement. Bay Area Orthodontics is committed to facilitating the accessibility and usability of its website, https://bayareaortho.roostergrintemplates.com/, for everyone. Bay Area Orthodontics aims to comply with all applicable standards, including the World Wide Web Consortiums Web Content Accessibility Guidelines 2.0 up to Level AA (WCAG 2.0 AA). Bay Area Orthodontics is proud of the efforts that we have completed and that are in-progress to ensure that our website is accessible to everyone. We highly recommend using the userway accessibility widget linked in the footer, but should you experience any difficulty in accessing any part of this website, please feel free to email us at info@bayareaortho.com and we will work with you to provide the information or service you seek through an alternate communication method that is accessible for you consistent with applicable law (for example, through telephone support).

Style Guide

Typograghy

Default header font styles. Use this as a guide to set responsive font sizes.

This is a header (h1)

This is a header (h2)

This is a header (h3)

This is a header (h4)

This is a header (h5)

Colors

Global colors and values

primary

var(--primary) = rgba(201, 216, 224, 1)

var(--primary-rgb) = 201, 216, 224

secondary

var(--secondary) = rgba(186, 202, 212, 1)

var(--secondary-rgb) = 186, 202, 212

accent1

var(--accent1) = rgba(59, 90, 104, 1)

var(--accent1-rgb) = 59, 90, 104

accent2

var(--accent2) = rgba(79, 79, 79, 1)

var(--accent2-rgb) = 79, 79, 79

text

var(--text) = rgba(51, 51, 51, 1)

var(--text-rgb) = 51, 51, 51

bg-1

var(--bg-1) = rgba(240, 246, 250, 1)

var(--bg-1-rgb) = 240, 246, 250

bg-2

var(--bg-2) = rgba(242, 242, 242, 1)

var(--bg-2-rgb) = 242, 242, 242

Component Library

Component Locations

Select a Page

OR

Select a Component