LogoClawIndex
CasesSkillsAbout
LogoClawIndex

visual-emphasis-and-hierarchy - Visual Hierarchy for Clear UI Design

Design UI components with clear visual emphasis and hierarchy to guide user attention

Tags

Updated: 2026-06-30
visual hierarchyUI emphasisbutton designCTA designlayout design

Capabilities

create visual hierarchydesign button groupsapply size emphasisuse brand colour

Typical Inputs

UI componentsbutton groupsbrand color palette

Typical Outputs

hierarchical layoutsstyled buttonspositioned elements

What this skill does

  • create visual hierarchy
  • design button groups
  • apply size emphasis
  • use brand colour
  • add whitespace
  • apply text shadows
  • configure cursor styles
  • select typography weight
  • apply contrast
  • design CTAs

Inputs

  • UI components
  • button groups
  • brand color palette
  • text content
  • background images

Outputs

  • hierarchical layouts
  • styled buttons
  • positioned elements
  • CTA designs
  • styled components

Requirements

  • CSS support
  • responsive design environment
  • design system access

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.