Pattern Parity Verification

Verify that the canonical background pattern is consistent across all surfaces.

1. Plain Body Background (Inherited)

This area should show the body's canonical background pattern.

Expected: Slate 800 base + radial gradient + orange cross pattern

2. Marketing Login Container Area

This simulates the marketing login page container.

Should be transparent, inheriting body background

3. CanonicalPatternSurface Component

This area uses the CanonicalPatternSurface wrapper.

Should also be transparent and inherit body background

Verification Checklist

  • All three swatches display the same background pattern
  • Pattern shows orange cross symbols on slate blue background
  • Gradient is visible at the top (darker slate blue)
  • Text uses three tiers: strong (white-ish), default (slate 300), muted (slate 400)
  • No local background overrides are breaking the pattern