ADA/Color Contrast
Heading / Main Theme Color
Default Text Color
Light Background
Grey/blue Background
General Design / Layout Notes
Sitewide max-content width set to 1440px
Default left/right padding set to 20px
Wide layout, set Row Layout max-width to 1768px
Row Layouts with ✅ in title = Finalized/ready to be saved as pattern if needed
Font-weight 300 with new font looks closer to Gotham 400 / how it looks in the design
Top bottom padding on most sections: 120px / 64px / 40px
Internal Hero Options
Design Differences: Sitewide h1 is 72px on desktop, this is maintained on these 2 hero sections, while the design has these at 64px
Ready for Review
Internal Medicine Gastroenterology
Internal Medicine Gastroenterology
50/50 Content Section
Design Differences: Standard 24px vertical gap between content elements. Margin top/bottom adjusted on case-by-case basis
Ready for Review
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
FAQ Accordions
Ready for Review
Frequently Asked Questions
Highlight / Example Callout Box
Ready for Review
What to Expect
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Downloads / PDF Resource List
Ready for Review
Helpful Downloads
Patient Registration Forms
Procedure Preparation Checklist
Insurance & Billing Guide
Post-Care Instructions
Tabs Component
Ready for Review
Procedure Information
Understanding Your Procedure
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Understanding Your Procedure
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Video Section – 50/50
Ready for Review
Hear From Our Care Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.
Video Section – 3 Column
Ready for Review
Hear From Our Care Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit phasellus hendrerit pellentesque aliquet nibh nec urna.
Hear From Our Care Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit phasellus hendrerit pellentesque aliquet nibh nec urna.
Hear From Our Care Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit phasellus hendrerit pellentesque aliquet nibh nec urna.
Team Member Cards (Non-Physicians)
Design Differences: Shrunk column-gap for better look on smaller laptops without custom classes/CSS
Ready for Review
Meet Our Support Team
Michael Carter
Clinical Administrator
Sarah Nguyen
Patient Experience Coordinator
Linda Patel
Operations Director
Emily Rodriguez
Scheduling Manager
Block Quote
Ready for Review
“Exceptional care starts with exceptional teams focused on every patient touchpoint.”
Bullet List Example
Ready for Review
Why Patients Choose Us
Why Patients Choose Us
Why Patients Choose Us
Numbered List Example
Add class: single-column to List block for single column numbered list. Default ordered list will be two columns.
Ready for Review
Your Patient Journey
- Personalized outpatient care
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
Your Patient Journey
- Personalized outpatient care
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
- Convenient locations
Simple Content Boxes
Ready for Review
Our Values
Clinical Quality
We are committed to outstanding patient care and clinical outcomes.
Integrity
We do what is right, no matter how difficult, without exception. We say what we mean, and we do what we say.
Service Excellence
We seek to exceed the expectations of patients, physicians and each other in everything we do.
Teamwork
We work together, helping and supporting one another to make our Centers, Departments and all of SCA successful.
Accountability
We take complete, personal responsibility for our actions and commitments.
Continuous Improvement
We seek to relentlessly improve our performance in every area – clinical, operational, and financial – constantly pushing ourselves to new heights.