Typography guides a user through an experience by creating hierarchy and organizing information within the design. Refer to the title, text content and relevant components for proper usage.
Wilmington Trust uses Gotham ScreenSmart as the primary typeface for its visual language.
Style | Weight | Font Values | Color | Figma Color Style |
---|---|---|---|---|
Title1 | Book | Font-size: 32px Line-height:40px Letter-spacing:-2px | #425968 | PrimaryBase |
Title2 | Book | Font-size: 24px Line-height:30px Letter-spacing:-1.5px | #425968 | PrimaryBase |
Title3 | Book | Font-size: 18px Line-height:24px Letter-spacing:-1px | #425968 | PrimaryBase |
Title4 | Bold | Font-size: 14px Line-height:20px | #425968 | PrimaryBase |
LeadParagraph | Book | Font-size: 18px Line-height:30px | #010000 | Grayscale/BlackBase |
Body | Book | Font-size: 16px Line-height:24px | #010000 | Grayscale/BlackBase |
Book | Font-size: 12px Line-height:18px | #636363 | Grayscale/GrayDark |