Typography
ATX Robotic Surgery’s fonts are Crimson Text (Google Webfont) and Roboto (Google Webfont). Roboto Condensed (Google Webfont) may be used, when needed.
H1
H1 Sample — Lorem ipsum dolor sit.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
H2
H2 Sample — Lorem ipsum dolor sit amet elit.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
H3
H3 Sample — Lorem ipsum dolor sit amet elit.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
H4
H4 Sample — Lorem ipsum dolor sit amet elit.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
The H4 Header is used in the following —
- Mikado Dividers w/Text (Forces resize)
H5
H5 Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
The H5 Header is used in the following —
- Team member’s Name on Mikato Team and Team List elements
H6
H6 Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
The H6 Header is used in the following —
- Team member’s role/job on Mikato Team and Team List elements
- Titles for Mikado Accordion and Toggle elements.
Paragraph and Body Copy Styling
Basic Paragraph Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Bold Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Italic Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Link Sample — Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Bullet List Sample —
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
- When an unknown printer took a galley of type and scrambled it to make a type specimen book.
Numbered List Sample —
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
- When an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Blockquote— Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Preformatted— Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Logos
ATX Robotic Surgery and ATX Hand Surgery logos were created in 2024 for ATX Robotic Surgery by Jake Wakefield at Wakegraphic.com.
ATX Robotic Surgery Logos
ATX Hand Surgery Logos
Website Colors
Light Copy — #f4fbfe
Light Blue — #eaf7fe
Inactive Blue (light)— #d9e4ee
Medium Blue — #7eb1d2
Light Blue Line — #4192d4
CTA Blue — #23679f
Medium Blue 2 — #2b53a1
CTA Hover Blue — #1c3664
Inactive Blue (dark) — #39475f
Body Copy — #363e4b
Dark Blue — #202937
Blue Hue Black — #0d1016
Accessibility Compliance Colors
Text Links — #1d5786
Header and Body Copy — #333
Buttons
Active Solid Button
Uses classic button type, rounded corners, and classic blue for color.
Inactive Solid Button
Uses classic button type, rounded corners, and classic grey for color.
Active Outline Button
Uses outline button type, rounded corners, and classic blue for color.
Inactive Outline Button
Uses outline button type, rounded corners, and classic grey for color.
Active Solid Button
Uses classic button type, rounded corners, and blue for color.
Alternate Inactive Solid
Uses classic button type, rounded corners, and grey for color.
Active Outline Button
Uses outline button type, rounded corners, and blue for color.
Alternate Inactive Outline
Uses outline button type, rounded corners, and grey for color.
Custom HTML Sidebars
As of site launch, WPBakery strips out “onclick” attributes in links on pages. Q1Media is tracking ad engagement on all “Request a Consult” and “Call Us / Phone Number” CTAs. Tracking this requires the and onclick attribute added to links/buttons. These work-around custom HTML widgets allow for that.
Surgery Sidebar
CTA Footer
Inline Text CTAs
Reviews
There is no review auto-aggregation functionality at time of launch. Reviews are represented by the “five-star-review” class applied to plain text blocks. The name should be right justified and the quote should be contained in quotation marks. The stars and source, listed after the name, should be linked to the original review on google.
Call to Actions
Call to Action (Blue)
Call to Action (Grey)
Call to Action (Black)
Mikado Call To Action
Information Organization
Dividers
Mikado comes with a selection of divider styles under the Separator and Separator With Text elements. While there are many options within this element, only the following should be used on the site.
Line
Dotted
Line
Dotted
Mikado Accordion (Accordion)
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Mikado Accordion (Toggle)
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
VC Accordion / FAQ Toggle
Toggle Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Toggle Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Toggle Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Toggle Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Notifications
Notifications use only the outline style and do not use the “classic” color options.
Video
ATX Robotic Surgery sometimes posts videos of operations on their site. These videos, while educational, may also viscerally graphic. These videos are hosted on ATX’s Youtube channel at https://www.youtube.com/@ATXRoboticSurgeons. Due to the nature of these videos, they cannot be embedded on a site. The design below is used to mockup a screenshot and should open a new window that leads to the video link on Youtube.
Video Title — Description to video does not have a link, while title and timestamp do. — 00:00
Video Title — Description to video does not have a link, while title and timestamp do. — 00:00
Location Widgets
Each location widget can be custom made per location that ATX is available.
Blog Elements
Blog lists use “Mikado Blog List” in a three-column array for full width pages or two-column on pages with a side bar. Preview image is set to landscape to maintain visual consistency. Post info author is turned off, as only ATX will be posting official blogs. The default theme allows for likes and comments on posts but both have been disabled both —
- In the back end. This can be toggled on or off on each blog’s options
- In the CSS, the like and comment buttons will be hidden even if enabled on backend.
Additionally, all blog posts after launch will be tagged with the “post” category, which allows old, pre-2024 posts to be hidden on the blog homepage.
-
Robotic Surgery: Transforming Healthcare Through Advanced Technology
Discover how robotic surgery revolutionizes healthcare with advanced technology. Explore benefits, applications & future trends in this insightful guide.
-
What to Expect With Robotic Cholecystectomy (Gallbladder Removal) Surgery
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Understanding Golfer’s Elbow: Causes, Symptoms, and Diagnosis
Discover the causes, symptoms, and treatment of Golfer's Elbow. Learn how ATX Robotic Surgery in Austin can help manage and
-
5 Reasons to Consider Bariatric Surgery for Weight Loss
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
How to Treat Common Hand & Wrist Injuries in Athletes
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Understanding Inguinal Hernias: Causes, Symptoms and Treatment
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
All About Thumb Joint Replacement Surgery
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
5 Steps to Prepare for Weight Loss Surgery
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Finding the Right Elbow Surgeon Near Me: What to Look for in a Specialist
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
The Importance of Early Diagnosis: How a Hernia Doctor Can Prevent Complications
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Busting Myths About Bariatric Surgery: Separating Fact from Fiction
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Hiatal Hernia and GERD: Understanding the Connection
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
-
Fitness Goals After Bariatric Surgery: Staying Active Indoors During Winter
Discover gallbladder removal surgery with advanced robotic cholecystectomy in Austin. Consult the specialists at ATX Robotic Surgery today!
Team List
Doctor of Osteopathy
Doctor of Osteopathy
Doctor of Osteopathic Medicine
Doctor of Medicine
Doctor of Medicine
Style Revisions
August 2024
- Adjusted brand colors for PageSpeed Accessibility compliance.
- Body and Header text is now #333
- Text links are now #1d5786
- Text links are now underlined on hover.