General Hierarchy Guidelines

• If you are creating a small, simple form, it's okay to put it inside a single card. Otherwise:
• Try to avoid exceeding 3 levels of nested cards/accordions if possible
• No need for cards/segments at the top level
• Use proper header tags (h1 -> h2 -> h3 -> h4) and don't skip any header sizes.
• Use more margin on top of section headers than on bottom. This creates a distinction between content above and associates content below with the header.
  • h2: 32px on top, 8px on bottom
  • h3: 24px on top, 8px on bottom
  • h4: 16px on top, 8px on bottom
• Use cards/accordions only when absolutely necessary for grouping content together.
• Thematic breaks (horizontal rules) can be a useful replacement for cards/accordions to separate sections.