Visual style
Common termHigh contrast style
Clearly separate text, controls and surfaces with strong contrast.
Live preview Try the effect
Good design
makes content clearer.
Focus on content, hierarchy and thoughtful details.
Explore design
This demo explains the pattern. Adapt the styling and dimensions to your project.
What it is
Clearly separate text, controls and surfaces with strong contrast. This example illustrates an admin interface. Describe the target, trigger and final state when adapting it to your project.
When to use
Dense tools and interfaces that need clear differentiation.
Related concepts
High contrast is not the same as using only black and white; focus and state distinctions still matter.
References
Specification and implementation referenceDefinitions are editorial. Common and descriptive names are not necessarily standardized terms.