Troubleshooting

Fonts, colors, and spacing issues

Fix inconsistent typography, color schemes, section spacing, buttons, inputs, and contrast by setting the global visual system before overriding individual sections.

Brand systemColor schemesSpacing

Fix By Symptom

What you see

Typography feels inconsistent across pages

Likely cause

Several section-level settings are fighting the global type system, or too many fonts/scales are being used.

Check in Shopify

Confirm Shopify font selections are final and loaded through the theme editor.

Check in SAISON

Set primary font, heading font, collection heading font, heading scale, body scale, and density before changing individual sections.

When to contact support

Send screenshots of two pages that feel inconsistent and the Typography settings.

What you see

Colors do not match across sections

Likely cause

Color schemes are being recreated manually or applied inconsistently.

Check in Shopify

Confirm brand colors and contrast requirements before creating schemes.

Check in SAISON

Create reusable color schemes in Theme settings, then apply them consistently to sections instead of manually matching colors.

When to contact support

Send the color scheme settings and the sections using the wrong colors.

What you see

Sections feel too far apart or cramped

Likely cause

Global spacing density and section-specific margins are being changed in the wrong order.

Check in Shopify

Review the complete page flow before adjusting spacing on one section.

Check in SAISON

Set page width, page margin, spacing density, section spacing, and mobile spacing ratio first. Tune individual section spacing last.

When to contact support

Send the page URL and screenshots of the section before and after the spacing issue.

What you see

Buttons, inputs, or cards feel visually unrelated

Likely cause

Surface, border, radius, shadow, or focus-ring settings are inconsistent.

Check in Shopify

Confirm the issue is not caused by an app block injecting its own styling.

Check in SAISON

Review button radius, input radius, media radius, border width, shadow depth, and focus ring settings.

When to contact support

Send a screenshot showing the mismatched elements and list any app blocks on the page.

What you see

Text or buttons fail contrast over a section background

Likely cause

The selected color scheme does not fit the media or surface behind it.

Check in Shopify

Confirm the final image/video and background are in place.

Check in SAISON

Choose a stronger color scheme, use an overlay, move content, or switch to a section with a separate text panel.

When to contact support

Send the affected URL, screenshot, and color scheme name.

Common mistakes

  • Changing individual section spacing before choosing the global spacing rhythm.
  • Using many section-level font overrides instead of one clear type system.
  • Creating nearly identical color schemes with small manual differences.
  • Fixing contrast by changing brand colors globally when only one media section needs an overlay.
  • Ignoring app-injected styles when a button or form looks different.