Display Headline 1
<h1 class="f-headline lh-copy gotham tracked">Title</h1>
Style Guide
This is the style guide for the F3 Architects WordPress theme.
Typography
Display Headline 2
<h2 class="f-subheadline lh-copy chaparral-pro-regular tracked">Title</h2>
A modular scale, like a musical scale, is a prearranged set of harmonious proportions.
Headlines
<h1 class="f1 lora-regular tracked">Title</h1>
Headline Level 1
<h2 class="f2 lora-regular tracked">Title</h2>
Headline Level 2
<h3 class="f3 lora-regular tracked">Title</h3>
Headline Level 3
Paragraphs
<p class="f6 lora-regular lh-copy">Title</p>
Influences of Helvetica included Schelter-Grotesk and Haas’ Normal Grotesk. Attracting considerable attention on its release as Neue Haas Grotesk, Linotype adopted Neue Haas Grotesk for widespread release.
Link
<p class="f6 lora-regular lh-copy">Title</p>
Read full article
Date
<p class="f6 lora-regular lh-copy">Title</p>
14.03.18
typefaces
Lora Regular
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
Gotham
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
Mercury
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
typeface alphabets
Lora Regular
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
1234567890 !@#$%^&*()
œ∑´®†¥¨ˆøπ“‘«åß∂ƒ©˙∆˚¬…æΩ≈ç√∫˜µ≤≥÷
Font Weights
| A | A | A | A | A | A | A | A |
| 6rem (96px) | 5rem (80px) | 3rem (48px) | 2.25rem (36px) | 1.5rem (24px) | 1.25rem (20px) | 1rem (16px) | .875rem (14px) |
Italic
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
Measure
Like News Gothic, Benton Sans follows the neo-grotesque model. Distinct characters are the two-story lowercase "a", the two-story lowercase "g", and a blunt terminus at the apex of the lowercase "t". The tail of the uppercase "Q" is distinct for being located completely outside the bowl. The character set is compact, and descenders are shallow. The typeface differs from other realist sans-serifs in its organic shapes and subtle transitions of stroke width, all contributing to a less severe, humanist tone of voice. Benton Sans has a wider, less compact character set than News Gothic. The typeface includes text figures (old style figures) providing a refinement not available in News Gothic.
Headline Level 1
Over the years, a wide range of variants have been released in different weights, widths and sizes, as well as matching designs for a range of non-Latin alphabets. Notable features of Helvetica as originally designed include the termination of all strokes on horizontal or vertical lines and unusually tight letter spacing, which give it a dense, compact appearance.
Headline Level 2
Influences of Helvetica included Schelter-Grotesk and Haas’ Normal Grotesk. Attracting considerable attention on its release as Neue Haas Grotesk, Linotype adopted Neue Haas Grotesk for widespread release.
Headline Level 3
Like many neo-grotesque designs, Helvetica has narrow apertures, which limit its legibility onscreen and at small print sizes. It also has no visible difference between upper-case ‘i’ and lower-case ‘L’, although the number 1 is quite identifiable with its flag at top left.
Gotham
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
1234567890 !@#$%^&*()
œ∑´®†¥¨ˆøπ“‘«åß∂ƒ©˙∆˚¬…æΩ≈ç√∫˜µ≤≥÷
Font Weights
| A | A | A | A | A | A | A | A |
| 6rem (96px) | 5rem (80px) | 3rem (48px) | 2.25rem (36px) | 1.5rem (24px) | 1.25rem (20px) | 1rem (16px) | .875rem (14px) |
Italic
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
Measure
Like News Gothic, Benton Sans follows the neo-grotesque model. Distinct characters are the two-story lowercase "a", the two-story lowercase "g", and a blunt terminus at the apex of the lowercase "t". The tail of the uppercase "Q" is distinct for being located completely outside the bowl. The character set is compact, and descenders are shallow. The typeface differs from other realist sans-serifs in its organic shapes and subtle transitions of stroke width, all contributing to a less severe, humanist tone of voice. Benton Sans has a wider, less compact character set than News Gothic. The typeface includes text figures (old style figures) providing a refinement not available in News Gothic.
Headline Level 1
Over the years, a wide range of variants have been released in different weights, widths and sizes, as well as matching designs for a range of non-Latin alphabets. Notable features of Helvetica as originally designed include the termination of all strokes on horizontal or vertical lines and unusually tight letter spacing, which give it a dense, compact appearance.
Headline Level 2
Influences of Helvetica included Schelter-Grotesk and Haas’ Normal Grotesk. Attracting considerable attention on its release as Neue Haas Grotesk, Linotype adopted Neue Haas Grotesk for widespread release.
Headline Level 3
Like many neo-grotesque designs, Helvetica has narrow apertures, which limit its legibility onscreen and at small print sizes. It also has no visible difference between upper-case ‘i’ and lower-case ‘L’, although the number 1 is quite identifiable with its flag at top left.
Colors
| Aa | black --black; | |
| Aa | silver-tree --silver-tree; | |
| Aa | mercury --mercury; |
Border Colours
b--black
b--silver-tree
b--mercury
Menus
Menu
Footer Menu
Logos
Headers and Footers
Header
Footer
Articles
Page Title
Page Title
Subtitle
Over the years, a wide range of variants have been released in different weights, widths and sizes, as well as matching designs for a range of non-Latin alphabets. Notable features of Helvetica as originally designed include the termination of all strokes on horizontal or vertical lines and unusually tight letter spacing, which give it a dense, compact appearance.
News Archive Article
News Single Article
Style Guide
11.01.19
Carousel
