Style Guide

A visual reference for all Vertex and Omni design elements.

Style Guide

A visual reference for all Vertex and Omni design elements.

Style Guide

A visual reference for all Vertex and Omni design elements.

Typography

Brand fonts are Poppins (Google Webfont), for headers, and Montserrat (Google Webfont), for body copy.

H1

H1 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam.

H2

H2 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam.

H3

H3 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam.

H4

H4 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam.

H5

H5 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam. Aliquam ac turpis nec enim euismod convallis. Aenean ligula nunc, rhoncus sit amet neque id, sodales luctus ipsum. Cras in diam turpis. Nam tincidunt scelerisque orci ut faucibus.

H6

H6 Sample — Lorem ipsum dolor sit amet elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non. In ullamcorper, sapien ac blandit egestas, enim augue hendrerit lectus, sit amet faucibus est metus vitae quam.

Paragraph

Aliquam ac turpis nec enim euismod Bold Text Sample convallis. Aenean ligula nunc, rhoncus sit amet neque id, Italic Text Sample luctus ipsum. Cras in diam turpis. Nam tincidunt scelerisque orci ut faucibus. Phasellus elementum lobortis lorem. In-Line Link Text Sample.

  • Bulleted List Nunc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim. In-Line Link Text Sample.
  • Bulleted List Nunc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim
  • Bulleted List Nunc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim
  • Bulleted List Nunc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim

Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est.

  1. Numbered List unc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim nec dui nec ipsum commodo laoreet. In-Line Link Text Sample.
  2. Numbered List unc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim nec dui nec ipsum commodo laoreet.
  3. Numbered List unc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim nec dui nec ipsum commodo laoreet.
  4. Numbered List unc nec dui nec ipsum commodo laoreet liquam ac turpis nec enimliquam ac turpis nec enim nec dui nec ipsum commodo laoreet.

Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est.

Blockquote Sample — Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est.

Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est.

Performatted Sample — Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est.

Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem. Morbi at sapien in leo suscipit tincidunt. Curabitur ac lacus est

Note on small sizes

Note that Montserrat and Poppins look similar at a smaller size. Both are geometic but Poppins has a slightly heavier weight, slightly taller x-height, and different “a” shapes.

Poppins Sample — Nunc nec dui nec ipsum commodo laoreet. Donec elit enim, laoreet quis pulvinar eu, bibendum sodales lorem.

Logos

Created by Wakegraphic. New Omni Spine Care logo created 05/2025. SVGs for all logo variations are available for download here (69kb).

Vertex Pain

Vertex Surgery Center (2026)

Omni Spine Care — 2025 Rebuild

Brand Colors

The Vertex brand colors were created to compliment Omni Pain Care’s colors, as Omni’s brand will still be in use after the initial 2025 launch of the site. The site, and brand’s colors should be primarily white with both plum and gold as accent colors. As a general rule for the site, link colors should use Vertex’s plum colors while the gold colors can be used as an accent color.

Vertex

Base White — #ffffff

#fbbb3f

#f8991d

#df7a28

#9c176e

#7d0052

#57043a

Text Black — #333333

Omni

Base White — #ffffff

#c0d8dc

#6fb3bc

#1f99a3

#1c75bd

#25408f

#292661

Text Black — #333333

Functionality Colors

These colors are only for use in success/warning/error messages and should not be used for other designs.

Success Green — #1fa374

Error Yellow — #e1a030

Warning Red — #a31f32

Photo Colors

These colors can help guide photo design decisions but should not be used as colors in design.

#e1c5d3

#cba2ac

#946665

#7a4954

#61333e

#4c2734

Buttons

The site has a variety of different buttons for use on different backgrounds. Buttons below use the basic Button Element and not the Mikado Button element. Each is button uses the classic or outline style. The color for each button is determined on the drop down and is listed in the button design below.

Widgetized CTAs

These CTAs are commonly used across the site. For ease of editing and updating, these buttons have been created as widgets with the name matching the button’s text. Because these buttons are standardized as a widget, they are all the default purple + solid styling.

Location Widgets

Each location has it’s own unique widget with location name, contact info, learn more button, and schedule a visit button. These widgets can be used at-will across the site but will be featured on the Facilities page.

San Antonio

Stone Oak

110 Stone Oak Lp,
San Antonio, TX 78258

Hours:

  • Monday — 8am–5pm
  • Tuesday — 8am–5pm
  • Wednesday —  8am–5pm
  • Thursday —  8am–5pm
  • Friday —  8am–5pm
  • Saturday — closed
  • Sunday — closed

Phone: 210-545-0087

Fax: 210-545-3455

Medical Center

9130 Wurzbach Rd Ste 102,
San Antonio, TX 78240

Hours:

  • Monday– closed
  • Tuesday — closed
  • Wednesday — closed
  • Thursday —  closed
  • Friday —  8am–noon, 1–5pm
  • Saturday — closed
  • Sunday — closed

Phone: 210-545-0087

Fax: 210-545-3455

Southside

102 Palo Alto Rd #200,
San Antonio, TX 78211

Hours:

  • Monday–  closed
  • Tuesday — 8am–noon, 1pm–5pm
  • Wednesday — 8am–noon, 1pm–5pm
  • Thursday — 8am–noon, 1pm–5pm
  • Friday —  closed
  • Saturday — closed
  • Sunday — closed

Phone: 210-545-0087

Fax: 210-545-3455

New Braunfels

790 Generations Drive, Suite 405B, New Braunfels, TX 78130

Hours:

  • Monday – 8am–5pm
  • Tuesday — closed
  • Wednesday – 8am–5pm
  • Thursday — closed
  • Friday —  closed
  • Saturday — closed
  • Sunday — closed

Phone: 210-545-0087

Fax: 210-545-3455

Surgical Centers

Template

Location Name

0000 Location Rd,
San Antonio, Texas 00000

Phone: 000-000-0000

 

Inactive

Mikado Team

Uses H5 for Team Member name, p for the excerpt. Team member pages are set aside as a custom post type (Mikado Team). The Mikado Team List element shows these as a grid.

CEO, Anesthesiologist and Interventional Pain Physician

Anesthesiologist and Interventional Pain Physician

PA, Chronic and Interventional Pain Management

President/Chief Operating Officer

Anesthesiologist and Interventional Pain Physician

PA

Anesthesiologist and Interventional Pain Physician

DNP, APRN, FNP-BC

Blog

The blog page itself uses a single column Mikado Blog List while blog lists on other pages use a 3-column Mikado Blog List is used for linking to blog. Word limit is defined in-element (incorrectly labelled as character limit).

Blog, post, and sidebar styling can be seen more in depth on the Blog homepage.

View the Blog Homepage →

Mikado Blog List (1 Column)

  • Uncategorized
    By

    Car accidents often place intense force on the body, especially the spine. Even a minor collision can cause significant strain on muscles, ligaments, and spinal discs. One of the most common complaints following a crash is back pain after car accident injuries. This pain may appear immediately or develop gradually over the following days. Understanding the causes of accident-related back pain and the available treatment options can help patients recover faster and avoid long‑term complications. Early evaluation and proper care are essential for preventing chronic discomfort and restoring normal mobility. Why Back

  • Pain Management
    By

    Car accidents can cause a wide range of injuries, from mild muscle strains to serious spinal trauma. While many people recover within weeks, others continue to experience discomfort long after the accident. In some cases, these symptoms develop into chronic pain after car accident injuries. Chronic pain is generally defined as pain that lasts longer than three months. It can affect the neck, back, joints, or nerves and may interfere with daily activities, sleep, and overall quality of life. Recognizing early warning signs can help patients seek treatment before the condition

Mikado Blog List (3 Column)

Testimonials

Testimonials can be shown in two ways. The Mikado Testimonial element can be used to show highlighted testimonials as slides. This uses H5 for the testimonial copy while the byline is H3 and job title is H6. Otherwise, blockquote can be used to show a testimonial, or other quote, in designs.

Mikado Testimonials

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet et lectus in auctor. Proin sodales tellus id commodo aliquam. Sed varius, nunc quis finibus scelerisque, urna lorem efficitur est, eu fermentum massa nulla id dui. Curabitur nec tristique magna. Integer volutpat orci et augue tempor lobortis. Nulla dapibus massa quis lorem varius lacinia. In ornare lacus eget lacinia rutrum. Sed aliquet elementum urna, in convallis magna tincidunt vel.
Author Name 3
Job Title 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet et lectus in auctor. Proin sodales tellus id commodo aliquam. Sed varius, nunc quis finibus scelerisque, urna lorem efficitur est, eu fermentum massa nulla id dui. Curabitur nec tristique magna. Integer volutpat orci et augue tempor lobortis. Nulla dapibus massa quis lorem varius lacinia. In ornare lacus eget lacinia rutrum. Sed aliquet elementum urna, in convallis magna tincidunt vel.
Author Name 2
Job Title 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet et lectus in auctor. Proin sodales tellus id commodo aliquam. Sed varius, nunc quis finibus scelerisque, urna lorem efficitur est, eu fermentum massa nulla id dui. Curabitur nec tristique magna. Integer volutpat orci et augue tempor lobortis. Nulla dapibus massa quis lorem varius lacinia. In ornare lacus eget lacinia rutrum. Sed aliquet elementum urna, in convallis magna tincidunt vel.
Author Name
Job Title

Quoteblock Testimonials

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non iaculis ante. Maecenas vel vulputate ante. Quisque aliquam egestas enim, quis rhoncus lorem fermentum non.

Other Information Organization

Grey Line With Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Black Line With Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mikado Accordion

Mikado Accordion

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mikado Accordion

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mikado Accordion

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

In-Column Images

Photos do not have any padding or margin and should be set to “rounded” if in-line with copy.

FAQ

Uses H4.

FAQ Title

Toggle content goes here, click edit button to change this text.

FAQ Title

Toggle content goes here, click edit button to change this text.

FAQ Title

Toggle content goes here, click edit button to change this text.

FAQ Title

Toggle content goes here, click edit button to change this text.

FAQ Title

Toggle content goes here, click edit button to change this text.

FAQ Title

Toggle content goes here, click edit button to change this text.

Here to Help You
Live A Pain Free Life Request an Appointment →