Typography
Type doubles as both a design element and a way to deliver our messaging. It should be easy to read, clear and modern in style. Hierarchy should feel intuitive and natural in its progression. As always, let the user experience drive your typography choices. We know typography can be daunting. If you have questions or need help, please connect with us.
Terumo BCT Typeface
The Terumo BCT sans serif typeface was developed specifically for Terumo BCT. Its clean lines and modern look are best used for headlines and main subheads and as the predominant typeface on the screen.
Terumo BCT
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 ∆∑Ω . , ; : ‘ ’ “ ” ? ! & @ ( ) - – * = + %
Arial
The Arial typeface ahould be used exclusively within body copy as a supporting player; never as a headline, subhead or call to action. Links that fall within body copy should appear in corporate green.
Arial
Body style, plain body text will appear like this.
Italic body style, italic body text will appear like this.
Bold body style, bold body text will appear like this.
Link body style, linked body text will appear like this.
Body style, plain body text will appear like this.
Italic body style, italic body text will appear like this.
Bold body style, bold body text will appear like this.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 ∆∑Ω . , ; : ‘ ’ “ ” ? ! & @ ( ) - – * = + %
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 ∆∑Ω . , ; : ‘ ’ “ ” ? ! & @ ( ) - – * = + %
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 ∆∑Ω . , ; : ‘ ’ “ ” ? ! & @ ( ) - – * = + %
Essentials
- A variety of headline styles are provided and should satisfy most needs. Please adhere to these styles and contact us if you require a unique solution.
- Avoid crowding in line spacing.
- Be intentional with your type choice; it should ultimately communicate hierarchy of information.
- Limit typestyles within one screen to four or less.
- Unordered list style. Bulleted lists will appear like this.
- Unordered list style. Bulleted lists will appear like this.
- Unordered list style. Bulleted lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
14px/0.875em Arial
- Ordered list style. Numbered or lettered lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
- Ordered list style. Numbered or lettered lists will appear like this.
14px/0.875em Arial
Link body style, linked body text will appear like this.
14px/0.875em Arial
H1 Style
72px/4.5em Terumo BCT Thin
H2 STYLE
24px/4.5em Terumo BCT Bold
Body style, plain body text will appear like this. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Body style, plain body text will appear like this. Lorem ipsum dolor sit amet, consectetuer ad ipiscing elit, sed diam nonummy nibh euismod tincidunt ut laore et dolore magna aliquam erat.
14px/0.875em Arial
H3 Style
26px/4.5em Terumo BCT Thin
H4 STYLE, FOR VARIATION
18px/4.5em Terumo BCT Bold
Caption style, caption text will appear like this.
12px/0.875em Arial
Examples
Review these examples to gain an understanding of our brand’s typographical standards.
