Block headers should designate main content on that page
Mobile
Block headers will be part of any creation flow with a title.
Examples include first run funding, goal creation, direct deposit.
If a flow contains a keypad, we’ll be converting that in another phase.
Background color is inherited from whatever screen it is placed in.
Web
Block headers will be used on any non-sidebar pages.
Examples include first run funding and account pages.
We will explore in a future iteration bringing to the sidebar.
Both
Used once per screen
Pinned to the top of the page vs centered in content
Different configurations
Rules
Subtitle: No use of bold/italic, 1 line max
Title: No use of bold/italic, can be more than 1 line, try to keep it short
Body: Can use bold/italic, 3 lines max to support the title if there is interactive content below. If it’s informational only, it can be as long as needed.
When to use
Different configurations