W-B Variations — Brand Layout Test

Test Page — no data saved

Web Details › Brand & Design Card

All based on W-B's "expandable strip" approach.

Brand & Design

Palette

Primary

#6366F1

Secondary

#8B5CF6

Dark

#0F172A

Light

#F1F5F9

Fonts

HeadingInter
BodyLora

ADA

4.54:1AA
15.3:1AAA

Overview › Brand Snapshot Module

All based on O-B's "compact bar" approach.

Brand Snapshot

Ag

Heading

Inter

Ag

Body

Lora

4.54:1AA
15.3:1AAA

Design Notes

Web Details Card

  • W-B1 Original — expand-on-hover strip, labels below, font pills
  • W-B2 Adds shade strip below main strip + "Aa" font specimens
  • W-B3 Taller, labels always visible inside strip — most scannable
  • W-B4 Borderless card — strip + info bar all in one unit

Overview Snapshot

  • O-B1 Original — slim bar + Ag specimens + ADA pills
  • O-B2 Adds shade strip, swaps specimens for font pills
  • O-B3 Always-visible labels in strip, fonts + ADA in one line
  • O-B4 Unified borderless card — strip + single info bar