Flow

OverviewFeaturesUse CasesPricingFAQs

SectionSurface Variations

Test page for visual comparison across variants and brand tones.

White + Glass

white 路 brand1

Default white surface

Baseline surface for readability. Buttons should follow default tokens.

PrimaryOutline
Intensity: 0.14

Solid Brand Surfaces

brand 路 brand1

Solid brand surface

Buttons should adapt for dark/light tones automatically.

PrimaryOutline
Intensity: 0.14
brand 路 brand2

Solid brand surface

Buttons should adapt for dark/light tones automatically.

PrimaryOutline
Intensity: 0.14
brand 路 brand3

Solid brand surface

Buttons should adapt for dark/light tones automatically.

PrimaryOutline
Intensity: 0.14
brand 路 brand4

Solid brand surface

Buttons should adapt for dark/light tones automatically.

PrimaryOutline
Intensity: 0.14
brand 路 brand5

Solid brand surface

Buttons should adapt for dark/light tones automatically.

PrimaryOutline
Intensity: 0.14

Glass Brand Surfaces (Backdrop)

glass 路 brand1

Glass surface

Glass surface on a neutral background. Verify border + blur balance.

PrimaryOutline
Intensity: 0.14
glassBrand 路 brand1

Glass brand surface

Check tint strength and readability across tones.

PrimaryOutline
Intensity: 0.9
glassBrand 路 brand2

Glass brand surface

Check tint strength and readability across tones.

PrimaryOutline
Intensity: 0.9
glassBrand 路 brand3

Glass brand surface

Check tint strength and readability across tones.

PrimaryOutline
Intensity: 0.9
glassBrand 路 brand4

Glass brand surface

Check tint strength and readability across tones.

PrimaryOutline
Intensity: 0.9
glassBrand 路 brand5

Glass brand surface

Check tint strength and readability across tones.

PrimaryOutline
Intensity: 0.9
glassBrand 路 brand3

Glass brand (higher intensity)

Stronger tint for comparison. Tune only if needed.

PrimaryOutline
Intensity: 0.8

We use cookies to improve your experience. You can accept or reject all, or customise your preferences.