Components

Tabs

Tabs help reclaim screen real estate and group sections of information into one page.

Guidelines

Text

Each Tab label describes its content and sets user expectations. Labels are concise and use one to two words maximum. Keep in mind that at mobile widths, the character length of a title will impact the experience. Icons are not permitted in Tab labels.

Number of tabs on horizontal

A maximum of six tabs may be displayed horizontally. This is to maintain an uncluttered UI.

Order

When possible, tab order should be consistent across an experience. Tabs with related content should be grouped adjacent to each other.

Vertical Tabs

Individual Account

  1. Timeline
  2. About (includes Custom Fields)
  3. Addresses
  4. Data Privacy & Consent
  5. Household Contacts
  6. Relationships
  7. Employment History
  8. Donations
  9. Peer-To-Peer Fundraising
  10. Memberships
  11. Event Registrations
  12. Store Orders
  13. Notes
  14. Activities
  15. Workflows
  16. Sent Emails
  17. Soft Credits
  18. Prospects
  19. Grants
  20. Solicited Gifts
  21. Email Series
  22. Material & Letter Tracking
  23. MailChimp
  24. Constant Contact
  25. Invitations
  26. CRA Receipts
  27. Receipts
  28. Eventbrite
  29. Volunteer Projects
  30. Custom Form Responses
  31. Custom Objects
  32. Wealth Screening

Organization Account

  1. Timeline
  2. About (includes Custom Fields)
  3. Contacts
  4. Data Privacy & Consent
  5. Relationships
  6. Donations
  7. Memberships
  8. Event Registrations
  9. Store Orders
  10. Shipping Addresses
  11. Notes
  12. Activities
  13. Workflows
  14. Sent Emails
  15. Soft Credits
  16. Prospects
  17. Grants
  18. Email Series
  19. Material & Letter Tracking
  20. MailChimp
  21. Constant Contact
  22. Invitations
  23. CRA Receipts
  24. Receipts
  25. Eventbrite
  26. Custom Form Responses * Shows on Org only if it has been converted from Individual and had responses when it was Individual
  27. Custom Objects