SWS Pressure Wash & Paver Sealing

Style Guide

This page outlines the current styles and standards for the SWS Pressure Wash & Paver Sealing website.

Colors

An overview of this site's brand colors.

Action

Action

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Primary

Primary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Secondary

Secondary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Accent

Accent

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Base

Base

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Shade

Shade

Ultra Light

Light

Medium

Dark

Ultra Dark

Action

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Primary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Secondary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Accent

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Base

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Shade

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Buttons

Solid and outline buttons are available across all color sets including black and white.

BUTTONS ON LIGHT BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineBaseBase Outline

BUTTONS ON DARK BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineWhiteWhite Outline
Button scale
Button XS
btn--primary / btn--xs
Button S
btn--primary / btn--s
Button M
btn--primary / btn--m
Button L
btn--primary / btn--l
Button XL
btn--primary / btn--xl
Button XXL
btn--primary / btn--xxl

Typography

Below is an overview of responsive typography sizes and weights for this site. These are computed from a base size and a mathematical scale.
Headings
H1 (--xxl)

Heading 1 Regular

Heading 1 Medium

Heading 1 Bold

H2 (--xl)

Heading 2 Regular

Heading 2 Medium

Heading 2 Bold

H3 (--l)

Heading 3 Regular

Heading 3 Medium

Heading 3 Bold

H4 (--m)

Heading 4 Regular

Heading 4 Medium

Heading 4 Bold

H5 (--s)
Heading 5 Regular
Heading 5 Medium
Heading 5 Bold
H6 (--xs)
Heading 6 Regular
Heading 6 Medium
Heading 6 Bold
Body Text
BODY TEXT (--m)
Text m Regular
Text m Medium
Text m Bold
SMALL TEXT (--s)
Text s Regular
Text s Medium
Text s Bold
XTRA SMALL TEXT (--xs)
Text xs Regular
Text xs Medium
Text xs Bold
Examples

Heading 1 (H1)

This is large text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 2 (H2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 3 (H3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 4 (H4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading 5 (H5)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading 6 (H6)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Widths

There are six values you can use to control element width. They're automatically responsive.
--width-xs
--width-s
--width-m
--width-l
--width-xl
--width-xxl

Section Padding

Padding for sections is responsive and based on a multiplier of the core spacing system.
None
XS
S
M
L
XL
XXL

Spacing

There are six levels of responsive spacing calculated from a base size and a mathematical scale. This ensures margin, padding, and gaps all match perfectly.
--space-xs
--space-s
--space-m
--space-l
--space-xl
--space-xxl

Element Padding

Here are the six levels of spacing visualized as padding.

Card

This is a card with XS padding. Its content is pretty close to the edges.

Card

This is a card with S padding. It has a little bit tighter padding.

Card

This is a card with M padding. It has standard breathing room.

Card

This is a card with L padding. It has extra breathing room.

Card

This is a card with XL padding. It has significant breathing room.

Card

This is a card with XXL padding. Avoid using this in a confined space.

Shadows

There are three multi-layer box shadows to choose from.
Box shadow M
Box shadow L
Box shadow XL

Border radius

There are six border radius values calculated from a base size and a mathematical scale.
Rounded XS
Rounded S
Rounded M
Rounded L
Rounded XL
Rounded XXL

Ready for an Estimate?

Fill out the Following Form Or Call (941) 500-4543
Name(Required)
Please let us know what's on your mind. Have a question for us? Ask away.
This field is for validation purposes and should be left unchanged.

DISCLAIMER RESTAURANT

 
Last updated February 06, 2023

 

Website Disclaimer

The information provided on our menu, website [ https://thesouthwestsharks.com/ ], or any other promotional material is for general informational purposes only. We make every effort to ensure the accuracy of the information, however, we cannot guarantee that all information is up to date and free from errors. Prices and availability of menu items may be subject to change without notice. In addition, we cannot guarantee that our menu items are free from allergens or cross-contamination. Please inform your server of any food allergies or dietary restrictions prior to ordering. Thank you for dining with us.

Testimonials Disclaimer

The Site may contain testimonials by users of our products and/or services. These testimonials reflect the real-life experiences and opinions of such users. However, the experiences are personal to those particular users, and may not necessarily be representative of all users of our products and/or services. We do not claim, and you should not assume, that all users will have the same experiences. YOUR INDIVIDUAL RESULTS MAY VARY. The Site may contain testimonials by users of our products and/or services. These testimonials reflect the real-life experiences and opinions of such users. However, the experiences are personal to those particular users, and may not necessarily be representative of all users of our products and/or services. We do not claim, and you should not assume, that all users will have the same experiences. YOUR INDIVIDUAL RESULTS MAY VARY.
Testimonials on our website or social media pages are provided by our customers voluntarily and are their personal opinions. We do not claim or guarantee that these testimonials are representative of everyone’s experience with our restaurant. Results may vary based on individual preferences and experiences. We appreciate all feedback and strive to provide excellent service to all of our customers.

PRIVACY POLICY FOR STACK BRICKS

 

This Privacy Policy explains how Stack Bricks (“we”, “us”, or “our”) collects, uses, and discloses your personal information when you use our website, hurricanehanks.com (“Site”), and when you interact with us as a customer of our restaurant. We are committed to protecting the privacy of our customers and ensuring the security of their personal information. By using our Site or our restaurant, you agree to the terms of this Privacy Policy.

Information We Collect

We collect information that you provide to us, such as your name, email address, telephone number, and credit card information when you make a reservation or place an order through our Site or in-person. We may also collect information from you through our loyalty program, social media pages, and surveys.

We may also collect information about your device and your usage of our Site, such as your IP address, browser type, and pages visited.

Use of Information

We use the information we collect to:

  • Fulfill your reservations and orders and provide customer support
  • Improve our products and services
  • Communicate with you about promotions and updates
  • Personalize your experience with our restaurant and Site

Comply with legal obligations

We may use third-party service providers to assist us in these activities, such as payment processors, email service providers, and website analytics providers.

Disclosure of Information

We may disclose your personal information to:
Service providers who assist us in providing our products and services
Law enforcement or other government officials as required by law
Other third parties with your consent
We do not sell or rent your personal information to third parties for their marketing purposes.

Data Security

We take reasonable measures to protect the security of your personal information, including using encryption technology to transmit sensitive data.

Children’s Privacy

Our Site and restaurant are not intended for children under the age of 13. We do not knowingly collect personal information from children under the age of 13 without parental consent.

Changes to this Privacy Policy

We may update this Privacy Policy from time to time. We will post any changes on this page and, if the changes are significant, we will provide a more prominent notice. You should check this page periodically to review any changes.

Contact Us

If you have any questions about this Privacy Policy or our privacy practices, you may contact us at info@stack.com

ACCESSIBILITY STATEMENT FOR STACK BRICKS

 
This is an accessibility statement from Hurricane Liquors

 

URL: https://thesouthwestsharks.com/

Stack Bricks is committed to ensuring digital accessibility for people with disabilities. We are continually improving the user experience for everyone, and applying the relevant accessibility standards.

Efforts to support accessibility

Stack Bricks takes the following measures to ensure accessibility:
  • Accessibility is part of our mission statement.
  • Accessibility is part of our internal policies.
  • Clear accessibility targets and responsibilities exist within the organization.
  • Formal accessibility quality assurance methods exist within the organization

Conformance status

Current accessibility standard of the site:
WCAG 2.1 level AA
Current content conformance status:
Fully conformant: the content fully conforms to the accessibility standard without any exceptions.
Compatibility with browsers and assistive technology
This site is designed to be compatible with the following browsers:
  • chrome
  • internet explorer
  • firefox
Technologies
Accessibility of this site relies on the following technologies to work:
  • HTML
  • WAI-ARIA
  • CSS
  • JAVASCRIPT
  • SMIL
Assessment methods
Stack Bricks assessed the accessibility of this site using the following method(s): Self-evaluation: the site was evaluated internally by the company or organization.
Feedback process
We welcome your feedback on the accessibility of this site. Please contact us via one of the following methods:

Phone: +12 34 56 89

  • E-mail: accessibility@example.org
  • Postal Address: 1 Example Street, Suburb, Country, Postcode
We aim to respond to feedback within 7 business days.