Logotype guidelines - April 2017
The Total logotype gradient band
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
1 2 1 2
Header-positioned gradient bands
The gradient band is an integral part of the graphic standards for Total publications, whether on color, white or other backgrounds. It is constructed in a specific way to create a consistent look for the Group’s written communications.
Examples1. Examples on a visual2. Examples on a white background
Photos taken from Total’s photo library.
The Total logotype gradient band / Presentation
The visual and layout are provided as an example.
Pho
tos
Cre
dits
: ©
To
tal /
Xxx
xxx
/ Y
yyyy
y
Footer-positioned gradient bands
Logotype guidelines - April 2017
Color WhiteOpacity 100 %Location 0 %
Th
e h
eig
ht
is d
ete
rmin
ed
by
the
siz
e o
f th
e m
ed
ia
The width of the transparent band is fixed
Location 50 % Location 60 %
Color WhiteOpacity 100 %Location 40 %
Color WhiteOpacity 0 %Location 90 %
Th
e h
eig
ht
is d
ete
rmin
ed
by
the
siz
e o
f th
e m
ed
ia
The width of the gray band is variable
Color WhiteOpacity 100 %Location 0 %
Location 50 % Location 60 %
Color WhiteOpacity 100 %Location 40 %
Color Black 30 %Opacity 100 %Location 90 %
X÷2
X
X÷2
X÷2
X
X÷2
Colored background: transparent gradient
The pictures here show how to create gradientbands using Adobe Illustrator®.
Technical Specifications- Gradients are linear.- The height of the bands is determined
by the size of the media.- The width of the transparent band is fixed.- The width of the gray band is variable.
The midpoint can be moved ±10% so that the brand block is easy to read.
These principles are applicable to bands on streamers, hanging banners, posters, invitations and badges, which are covered by the Graphic Standards for Special Events.
The Total logotype gradient band / Header-positioned gradient bands / Construction
The gradient band contains nothing else but the logotype.
Pho
tos
Cre
dits
: ©
To
tal /
Xxx
xxx
White background: gray gradient
Logotype guidelines - April 2017
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
1
3
2
1
3
2
Colored background: transparent gradient
1. The gradient is harmonious, leaving enough white around and under the logotype and gradually fading into the picture.
2. The gradient is too short, making it very difficult to see the brand block.
3. The gradient is too long, making the band overpowering. As a result, the band loses its momentum.
Photos taken from Total’s photo library.
The Total logotype gradient band / Header-positioned gradient bands / Applications
White background: gray gradient
The visual and layout are provided as an example.
Pho
tos
Cre
dits
: ©
To
tal /
Xxx
xxx
Logotype guidelines - April 2017
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
1/20 of W
1/10 of W
1/20 of H
1/10 of H
variable
variable
variable
variable
variable
variable
X÷2
X
X÷2
X÷2
X
X÷2
Text blocks justified left and alignedwith the stem of the first “T” in Total
Text blocks justified left and alignedwith the stem of the first “T” in Total
Example on vertical A4 format
The proportions of the gradient band are determined by a fraction of the height of the support. The elements of the graphic style for editions are positioned according to the standards presented below cons.
Specific dimensions in horizontal and vertical A4 format. Refer to the dimensions listed from page XX for other formats.
LegendW: Width of the documentH: Height of the document
Photos taken from Total’s photo library.
Pho
tos
Cre
dits
: ©
To
tal /
Xxx
xxx
The Total logotype gradient band / Header-positioned gradient bands / Proportions
Example on horizontal A4 format
The visual and layout are provided as an example.
Logotype guidelines - April 2017
Th
e h
eig
ht
is d
ete
rmin
ed
by
the
siz
e o
f th
e m
ed
ia
The width of the transparent band is fixed
Th
e h
eig
ht
is d
ete
rmin
ed
by
the
siz
e o
f th
e m
ed
ia
The width of the gray band is variable
Color WhiteOpacity 100 %Location 0 %
Location 50 % Location 60 %
Color WhiteOpacity 100 %Location 40 %
Color WhiteOpacity 0 %Location 90 %
Color WhiteOpacity 100 %Location 0 %
Location 50 % Location 60 %
Color WhiteOpacity 100 %Location 40 %
Color Black 30 %Opacity 100 %Location 90 %
X÷2
X
X÷2
X÷2
X
X÷2
Colored background: transparent gradient
The pictures here show how to create gradientbands using Adobe Illustrator®.
Technical Specifications- Gradients are linear.- The height of the bands is determined
by the size of the media.- The width of the transparent band is fixed.- The width of the gray band is variable.
The midpoint can be moved ±10% so that the brand block is easy to read.
These principles are applicable to bands on streamers, hanging banners, posters, invitations and badges, which are covered by the Graphic Standards for Special Events.
The Total logotype gradient band / Footer-positioned gradient bands / Construction
The gradient band contains nothing else but the logotype.
Pho
tos
Cre
dits
: ©
To
tal /
Yyy
yyy
White background: gray gradient
Logotype guidelines - April 2017
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
1
3
2
1
3
2
Colored background: transparent gradient
1. The gradient is harmonious, leaving enough white around and under the logotype and gradually fading into the picture.
2. The gradient is too short, making it very difficult to see the brand block.
3. The gradient is too long, making the band overpowering. As a result, the band loses its momentum.
Photos taken from Total’s photo library.
The Total logotype gradient band / Footer-positioned gradient bands / Applications
White background: gray gradient
The visual and layout are provided as an example.
Pho
tos
Cre
dits
: ©
To
tal /
Yyy
yyy
Logotype guidelines - April 2017
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
LOREM IPSUMDOLOR SIT AMET LOREMLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent convallis convallis hendrerit. Nam tincidunt commodo aliquet. Duis interdum lectus eget nibh hendrerit tempus. Donec in mi ante. Nullam venenatis vestibulum risus ac vestibulum. Donec porttitor condimentum dictum.
variable
variable
variable
variable
variable
variable
variable
variable
1/20 of H
1/10 of H
1/20 of W
1/10 of W
1/15 of W
1/10 of W
X÷2
X
X÷2
X÷2
X
X÷2
Example on vertical A4 format
The proportions of the gradient band are determined by a fraction of the height of the support. The elements of the graphic style for editions are positioned according to the standards presented below cons.
Specific dimensions in horizontal and vertical A4 format. Refer to the dimensions listed from page XX for other formats.
LegendW: Width of the documentH: Height of the document
Photos taken from Total’s photo library.
Pho
tos
Cre
dits
: ©
To
tal /
Yyy
yyy
The Total logotype gradient band / Footer-positioned gradient bands / Proportions
Example on horizontal A4 format
The visual and layout are provided as an example.
Logotype guidelines - April 2017