British Tomato growers Association Style Guide
White Minimal
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1 – Poppins 400
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it.
Paragraph 2 – Poppins 400
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3 – Poppins 400
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
White Bold
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Light Minimal
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Light Bold
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Dark Minimal
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Dark Bold
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Black Minimal
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Black Bold
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Accent Dark
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)
Accent Light
Typography
Headling 1
For display/headline use – Poppins 700 – 4rem
Headling 2
For headline use – Poppins 700 – 2.8rem
Headling 3
Headline – Poppins 700 – 2.2rem
HEADGING 4
Headline – Poppins 700 – 1.2rem
CAPS ONLY for sub titles
CSS spacing of 1.25rem
Paragraph 1
Bold for names or home page blog post titles
Top level paragraphs, something that needs a little more juice to it
Paragraph 2
Regular paragraph, anything with some length. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph 3
Captions, disclaimers, Term links, links
Hyperlinks
The sports on BBC – (open in new tab)