ARIA Patterns

3 #Components Components

Cosmetic design patterns that are each only used for one functional purpose or a specific type of content.

  • box effects (backgrounds, borders, opacity)
  • typefaces and font weights/styles
  • textual effects (letter-spacing, alignment, indentation, decoration, list-style, color)
  • bells & whistles (transformations, overflows, shadows, filters, transitions, icons)

Example: a Pass component. It has the look and feel of a physical paper ticket. It wouldn’t make sense to use this component in any other context besides a conference pass.

Source: kss-styleguide.scss, line 34