Visual Elements

icon picker
Typography


Brand Typeface


Alegreya Sans is the typeface of BIG.
From Google Fonts: Alegreya Sans is a humanist sans serif family with a calligraphic feeling that conveys a dynamic and varied rhythm. This gives a pleasant feeling to readers of long texts.
The Alegreya type system is a "super family", originally intended for literature, and includes sans and sister families. The family follows humanist proportions and principles, and achieves a ludic and harmonious paragraph through elements carefully designed in an atmosphere of diversity. The italics bring a strong emphasis to the roman styles.
Designed by Juan Pablo del Peral for .
BIG - Type Overview - 2-03.png
BIG uses the following weights of Alegreya Sans:
Regular
Italic
Medium
Medium Italic
Bold
Bold Italic
Extra Bold
Extra Bold Italic

Alegreya Sans Regular & Italic
BIG - Type Overview - Weights - -06.png

Alegreya Sans Medium & Medium Italic
BIG - Type Overview - Weights - -08.png

Alegreya Sans Bold & Bold italic
BIG - Type Overview - Weights - -02.png

Alegreya Sans Extra Bold & Extra Bold italic
BIG - Type Overview - Weights - -07.png

Typesetting

The following are guides on how to set the typography for different bodies of text. Observe contrast & visual hierarchy so the text is organized & read smoothly.

Titles

BIG - Coda Builder - Typesetting Samples --11.png
Medium & Extra Bold
BIG - Coda Builder - Typesetting Samples --10.png
Bold & Regular
BIG - Coda Builder - Typesetting Samples --12.png
Bold & Medium
BIG - Coda Builder - Typesetting Samples --13.png
Bold & Medium

Body & Content Text


BIG - Coda Builder-14.png
Medium & Medium Italic

BIG - Coda Builder-15.png
Bold & Medium

BIG - Coda Builder-16.png
Medium & Medium

Sample Application

The following are samples of layouts demonstrating the different specifications for the typography in different use cases. Leading refers to the vertical space between lines of text, while Tracking is the horizontal spacing between letters or how far apart each individual letter is from each other.

BIG - Sample Typesetting - B - -04.png
Presentation Title Slide (1920 x 1080 px)
Type Label
Font
Size
Leading
Tracking
1
Date
Alegreya Sans Bold
18.75 pt
30 pt
200 pt
2
Headline
Alegreya Sans Medium
150 pt
165 pt
20 pt
3
Subhead
Alegreya Sans Bold
73.5 pt
82.5 pt
20 pt
4
Captions
Alegreya Sans Bold
18.75 pt
30 pt
200 pt
There are no rows in this table


BIG - Sample Typesetting - B - -05.png
Presentation Content Slide (1920 x 1080 px)
Type Label
Font
Size
Leading
Tracking
1
Date
Alegreya Sans Bold
18.75 pt
30 pt
200 pt
2
Client
Alegreya Sans Medium
33.75 pt
30 pt
20 pt
3
Headline
Alegreya Sans Medium
90 pt
105 pt
20 pt
4
Subhead
Alegreya Sans Medium
67.5 pt
75 pt
20 pt
5
Content
Alegreya Sans Medium
33.75 pt
45 pt
20 pt
There are no rows in this table


BIG - Sample Typesetting - B - -09.png
Report Cover (8.5 x 11 in)
1
2
3
4
5
Type Label
Font
Size
Leading
Tracking
Report Type
Alegreya Sans Bold
22 pt
26 pt
20 pt
Date
Alegreya Sans Regular
9 pt
17 pt
100 pt
Client
Alegreya Sans Regular
53 pt
53 pt
20 pt
Report Title
Alegreya Sans Bold
18 pt
27 pt
20 pt
Description
Alegreya Sans Italic
11.5 pt
18 pt
20 pt
There are no rows in this table

Google Slides Typography Guide


Title Slide


[[Copy of BIG - Presentation Samples]].jpg

Sizes
Font size is in multiples of 9.
Aim for contrast in terms of text size: Title is 72pt, Subtitle is 27pt, small text are 9pt.

Spacing & Alignment
The first line of the Title ("Business") and the first line of the subtitle ("A Beginner's Guide in") are aligned
0.8 line spacing for the Title, single line spacing for the subtitle.
Color
Cream or white font color against the blue background for contrast.
Black font color against the cream background for contrast.

Visual Elements
Cream one-color Main Lock-up since the background is blue and the BIG icon will fade into the background
Full-color Main Lock-up against the cream background.
Used .png background from the KV files.

Text Slides


Copy of BIG - Presentation Samples.png

Sizes
Headline:
Alegreya Sans Medium
Font size: 36pt
Body text:
Alegreya Sans Medium
Font size: 18pt
Presentation title on the upper right is the same font setting as the date:
Alegreya Sans Extra Bold
Font size: 9pt
Spacing & Alignment
Body of text was split into 2 slides instead of forcing all the text into one slide.
Visual Elements
Full-color Horizontal Lock-up is used at the bottom right.
The recommended smallest font size for body text is 18pt, single spaced Line & paragraph spacing. If the copy exceeds the page while maintaining this font size and setting, it would be best to divide the text into smaller chunks across different slides.
To not tire the reader with long small texts across a page, we recommend the following for the text grid:
Create a text column that's approximately 2/3rds of the space within the margins.
See p.3 in Presentation Sample
When dealing with a larger body of text like bullets, a 2-column text grid can also be used.
See p.4 in Presentation Sample

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.