Rationale Used As Body Text
Element | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Body Text | Regular | 16px | 24px | 0.5px |
Italicized | Regular Italic | 16px | 24px | 0.5px |
Bold | Bold | 16px | 24px | 0.5px |
Small Caps | Regular | 16px | 24px | 0.5px |
Secondary Text | Medium | 13px | 16px | 0.5px |
Rationale
.example-class {font-family: 'Rationale';}
Rationale is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) + =
Hierarchy | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Heading Level 1 | Bold | 64px | 64px | 0px |
Heading Level 2 | SemiBold | 48px | 64px | 0px |
Heading Level 3 | Medium | 32px | 48px | 0.5px |
Heading Level 4 | Regular | 24px | 32px | 0.5px |
Heading Level 5 | Regular | 16px | 24px | 0.5px |
Heading Level 6 | Medium | 13px | 16px | 0.5px |
Element | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Body Text | Regular | 16px | 24px | 0.5px |
Italicized | Regular Italic | 16px | 24px | 0.5px |
Bold | Bold | 16px | 24px | 0.5px |
Small Caps | Regular | 16px | 24px | 0.5px |
Secondary Text | Medium | 13px | 16px | 0.5px |
.example-class { font-family: 'Rationale'; }
// SCSS Variable $example-class-font-family: 'Rationale'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-rationale-sans-serif; }
Rationale is a sans-serif typeface designed by Vernon Adams. Rationale, Rationale, known for its geometric simplicity, first appeared in the early 2010s. It quickly gained attention because of its clean lines and modern aesthetic. The typeface emphasizes straightforward readability, making it suitable for various applications. The font's design features uniform stroke widths and minimal contrast. This creates a balanced and harmonious appearance. Each character is constructed with a focus on clarity, which enhances legibility even at smaller sizes. The letterforms are slightly condensed, contributing to an efficient use of space. This makes Rationale ideal for both digital and print media. Rationale includes a full set of upper and lower case letters, numerals, punctuation marks, and diacritical marks. The characters have a consistent height, ensuring uniformity across different texts. The font's uppercase letters, like 'A' and 'M,' are easily distinguishable because of their sharp angles and clean cuts. Lowercase letters, like 'a' and 'e,' maintain a rounded form, offering a softer contrast to the uppercase. The typeface is versatile and can be used in various contexts. It's often employed in web design because of its legibility on screens. Graphic designers use it in branding projects to convey a modern and professional image. It also finds applications in advertising, where clarity and readability are paramount. One notable feature of Rationale is its open letter spacing. This characteristic helps prevent crowding, particularly in dense blocks of text. The spacing ensures that each letter stands out, improving overall readability. Another feature is its relatively high x-height, which enhances the legibility of lowercase letters. The font supports multiple languages, making it a popular choice for international projects. Its multilingual support includes characters for Western, Central, and Eastern European languages. This broad range of glyphs ensures usability across different regions. Rationale's design philosophy revolves around simplicity and functionality. The font avoids excessive ornamentation, focusing instead on clean, crisp lines. This utilitarian approach makes it a reliable choice for a wide array of design needs. The font's straightforward design and practical features have contributed to its popularity among designers and developers alike.
regular