Visual patterns

The Henry Community Health brand uses intentional shapes, lines, and layered forms to create a sense of movement and connection. These repeating design patterns bring depth and consistency to layouts while echoing the energy of the logo.

Use these patterns thoughtfully to guide the eye, add structure, and maintain visual harmony within the brand.

Buttons

  • Padding: 15px top/bottom; 30px left/right on full desktop view
  • Line height: 140%
  • Font weight: 600
HCH button styling

Borders

  • General elements: 1px
  • Buttons and accordion hovers: 4px
  • Cards and panel hovers: 5px
HCH visual pattern border examples

Corner radius

  • Images and panels: 20px
  • Buttons: 30px
  • Form fields: 8px
HCH visual pattern corner radius samples

Background shapes and angles application samples

Visual pattern background blue example large
Visual pattern background teal example with provider
Visual pattern background coral example with staff cutout
Visual pattern background blue and coral diagonals example
Visual pattern background blue example medium
Triangle photo collage shape (no photo)
Triangle photo collage shape (photo sample 01)
Triangle photo collage shape (photo sample 02)
Coral visual pattern background also showing website home page
Blue collage background corner shapes 02
Blue collage background corner shapes 01
Blue collage background corner shapes 03