Patient Registration/Update FormEnrollment Forms
Refill PrescriptionsContact Us

Style Guide

Shortcodes

Shortcodes will work inside all content wysiwygs / editors.

Buttons

[button__1 title="New Tab" href="#" target="_blank"]
New Tab
[button__2 title="Button Title" href="#"]
Button Title

Colors

black
TXT CLASS: .txc__black
BG CLASS: .bgc__black
HEX: #000000
RGB: 0, 0, 0
white
TXT CLASS: .txc__white
BG CLASS: .bgc__white
HEX: #ffffff
RGB: 255, 255, 255
gray_light
TXT CLASS: .txc__gray_light
BG CLASS: .bgc__gray_light
HEX: #e9f0f7
RGB: 233, 240, 247
blue
TXT CLASS: .txc__blue
BG CLASS: .bgc__blue
HEX: #003e7b
RGB: 0, 62, 123
pink
TXT CLASS: .txc__pink
BG CLASS: .bgc__pink
HEX: #fce0e3
RGB: 252, 224, 227
yellow
TXT CLASS: .txc__yellow
BG CLASS: .bgc__yellow
HEX: #fae122
RGB: 250, 225, 34
gray_dark
TXT CLASS: .txc__gray_dark
BG CLASS: .bgc__gray_dark
HEX: #313335
RGB: 49, 51, 53
blue_light
TXT CLASS: .txc__blue_light
BG CLASS: .bgc__blue_light
HEX: #4e79a3
RGB: 78, 121, 163
green_lime
TXT CLASS: .txc__green_lime
BG CLASS: .bgc__green_lime
HEX: #86eb76
RGB: 134, 235, 118
teal
TXT CLASS: .txc__teal
BG CLASS: .bgc__teal
HEX: #05e0ea
RGB: 5, 224, 234
green
TXT CLASS: .txc__green
BG CLASS: .bgc__green
HEX: #05e0a2
RGB: 5, 224, 162

Typography

Typescale

Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.
Aenean venenatis leo ac nunc.

Headings

Heading H1

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Heading H2

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Heading H3

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Heading H4

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Heading H5

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Paragraph

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Blockquote

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.

Lists

  • Aenean venenatis leo ac nunc lobortis gravida.
  • Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
  • Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    • Aenean venenatis leo ac nunc lobortis gravida.
    • Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    • Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    • Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
    • Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
  • Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
  • Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
  1. Aenean venenatis leo ac nunc lobortis gravida.
  2. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
  3. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    1. Aenean venenatis leo ac nunc lobortis gravida.
    2. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    3. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
    4. Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
    5. Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
  4. Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
  5. Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.

Grid