System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Home>Site Design and Content

Choose Styles for Your Square Online Site

Square-Online-Site-Design-Change-Style-EN

Instead of choosing individual colors, fonts, and shapes for your Square Online site, you can use preset styles to quickly set up your site design in a way that closely matches your brand. With our curated design elements, get inspired to create a design visitors will love, and even customize individual elements based on the preset style to create your own theme.

Learn more about designing and customizing your Square Online site for more information on all of your site design options.

Note: Web accessibility is an important aspect of designing a website that’s accessible to as many people as possible, particularly those with disabilities or impairments. Learn more about web accessibility for Square Online sites.

Change Your Style

To change your style:

  1. From your Square Online site editor, select Site design.

  2. Select Pick a new style.

  3. Choose a style and select Customize when finished.

  4. Optionally customize the preset style colors, fonts, and shapes.

Note: If you customize one of our preset styles, the customized style can’t be saved as a theme template for future use.

Learn more about:

Style Options

Square-Online-Site-Design-Style-Options-EN

Styles include the following options:

  • Minimal: Characterized by clean white backgrounds and one primary color for elements.

  • Soft: Characterized by soft and subtle background colors, and darker elements in the same color scheme.

  • Bright: Characterized by bright background colors and bright complementary colors for elements.

  • Bold: Characterized by bold background colors and bold complementary colors for elements.

  • Midnight: Characterized by dark and deep background colors, and bright complementary colors for elements.

Checkout Page Style

Square-Online-Checkout-Page-Style-EN

The following elements on your checkout page will be in the same style as the rest of your website:

  • Background color

  • Font color

  • Button color and shape

Note: For legibility purposes, the font style on your checkout page will remain the default font style for all Square Online sites.

Learn more about your checkout options with Square Online.

Reset Your Style

If you’ve customized the colors, fonts, and shapes of a preset style in Square Online, you can reset it to its default state at any time. To reset your style:

  1. From your Square Online site editor, select Site design.

  2. Select Reset to style defaults.

Note: If you reset your current style, there’s a rare chance it’s been updated since first applying it to your site. In such cases, your site will be reset to the latest version of the style.

Can't find what you need?