BUTTON

G2G
SIZES
h-5 / 20px
h-6 / 24px
h-6 / 24px
h-7 / 28px
h-8 / 32px
h-10 / 40px
h-12 / 48px
h-15 / 60px
STATES
CARD
MUTED / NAV
PAGE
WITH ICONS
ICON ONLY (isIcon)
BUTTON SPLIT
Action
$420
Buy
$188.50
Default
100
Brand
$310
Positive
+2.4%
Negative
-1.2%
Warning
!
BUTTON SPLIT FORM TEST
Default
Enter
Enter
Large
Enter
Enter
PICTO BTN — SIZES
xs / 60px
sm / 72px
md / 84px
lg / 96px
PICTO BTN — STATES (PINNED)
default
hover
focus
press
active
disabled
PICTO BTN — ICON MODES (CLICK TO TOGGLE)
tri (art follows press/active)
duo (hover art locks when active)
PICTO BTN — LABEL POSITION
below (default)
above
none
PICTO BTN — BASE VARIANT (OUTLINE): BORDER WALK, BRAND BORDER WHEN ACTIVE
default (live)hoverpressactivedisabledbrandcolor
PICTO BTN — FILL VARIANT: CONSTANT WEAK FILL, NO BORDER
brandcolor
PICTO BTN — GHOST VARIANT: TRANSPARENT REST, WEAKMID FILL ON INTERACTION, NO BORDER
brandcolor
PICTO BTN — NEW ICONS: CHART / CURRENCY / INDEX / SINE (LIVE, CLICK TO TOGGLE)
brandcolor
PICTO BTN — STYLE PAIRS: BRAND VS COLOR ART
PICTO BTN — MARKET DATA GRID (JIG ROSTER, XS, FED VIA FALLBACK SLOT)

WIP

link styles
STANDARD LINK (F1-LINK)

f1-link (default / hover to reveal underline)

standard linkexternal standard link

visited (brand-scnd) — visit the external link above to compare

visited state uses brand-scnd

f1-link with ArrowUpRight (page-reference composition)

richtext
CTA
cta
ctafill
cta disabled
ctafill disabled