Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Transition emphasis is color, border, and shadow; no aggressive scaling.
Primary focus: button theme contract and restrained hover behavior.
The YAML below is the exact full frontmatter used by this page. Copy it to reproduce the same result.
---
layout: home
hero:
name: "Buttons"
text: "Theme Matrix"
tagline: "Professional button interactions without cheap scale/lift behavior."
actions:
- theme: brand
text: "Brand"
link: /en-US/hero/matrix/buttonsFeatures/featuresScroll
- theme: alt
text: "Alt"
link: /en-US/hero/matrix/index
- theme: outline
text: "Outline"
link: /en-US/hero/AllConfig
- theme: ghost
text: "Ghost"
link: /en-US/hero/AllConfig
features:
- title: "Subtle Motion"
details: "Transition emphasis is color, border, and shadow; no aggressive scaling."
---| Key | All Config |
|---|---|
hero.actions[] | |
features[] | |
featuresConfig.scroll.* | |
featuresConfig.cards.width* |
This page focuses on interaction styling and below-hero feature presentation.
Primary contract area: cta and feature area (hero.actions[] + features[]).
| Topic | Guidance |
|---|---|
| Action contract | actions[].text, actions[].link, optional theme/target/rel |
| Feature contract | features[].title, features[].details, optional icon/link |
| UX quality | restrained hover, strong focus-visible, docs-first legibility |