-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201928
The grid
01 / The design elements
This grid systems help structure and align graphic elements,
images and body copy to create visual consistency and a clean and
organized layout in all types of communication. Columns and
measurements vary depending on sizes and formats. Grid is preset in
templates.
1 Margins The margin (X) equals half the width
of the Ascom logotype. A5, A4 half page X=12 mm. A4/US letter,
X=15 mm. A3/Tabloid, X=19 mm.
2 Columns
■ A3, A4/US letter, A5 portrait formats have six columns
separated by 5 mm.
■ A3, A4/US letter, A5 landscape formats have nine columns
separated by 5 mm.
■ A4/US letter half page portrait has three columns separated by
5 mm.
3 Columns spacing 5 mm.
4 Baseline grid 6.5 points. Align with lower margin.
XX
X
X
1
2
3
4
Portrait format with six columns
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 29
2
2
Landscape format with nine columnsHigh, narrow portrait format
with three columns
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201930
Heading in Proxima Nova Light Preamble in Proxima Nova Regular
Italic. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque scele
risque ornare enim vel fringilla. Morbi eget arcu et quam
lacinia elementum.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Quisque scelerisque
ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elemen-
tum. Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis
ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac
nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl
rhoncus vestibulum. Donec eu lorem at est tempus eleifend
condimentum nec eros. Sed at pretium erat, nec scelerisque
arcu. Cus ut labore simaximaxim volo ventemque velibus
excestrum sequaepero min es estiam ad ut escimusa volorro
venduci denectiur sit et harum everit quae volupta dolecte
mquiam il mi, tem volupta eumenih iliqui re num ea sitium
consequatiis ilis ut ea estor aut aditas et inum rem
voloreritate
vellore dest, et lanimendit, que nis es dolupiet int
eaquassi
dolorum re lam eum as ius vendemp erferer endaesciis de
liqui
con core, architi nctiumquo de doluptatur? Nobiti necaepelit
alit ad estem asimilliquo core aspitisin eos eos rem quiati
core
et aria volorenes di berro officie nditin re poris autatqui cus
et
utem fuga.
Sub-heading in Proxima Nova Bold
Mendae mil id moluptae volores quoste doluptia conet destia
cuptas eici occabor eperum secest quissim olorro tem vo-
The grid – usage
01 / The design elements
The grid facilitates dynamic layout options. Images, headings,
captions and body copy can be placed freely as long as you follow
the baseline, columns and the typography hierarchy described on the
previous pages. Ensure a pleasing visual balance. Heading in
Proxima Nova Light Preamble in Proxima Nova Regular Italic.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
scele
risque ornare enim vel fringilla. Morbi eget arcu et quam
lacinia elementum.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Quisque scelerisque
ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elemen-
tum. Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis
ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac
nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl
rhoncus vestibulum. Donec eu lorem at est tempus eleifend
condimentum nec eros. Sed at pretium erat, nec scelerisque
arcu. Cus ut labore simaximaxim volo ventemque velibus
excestrum sequaepero min es estiam ad ut escimusa volorro
venduci denectiur sit et harum everit quae volupta dolecte
mquiam il mi, tem volupta eumenih iliqui re num ea sitium
consequatiis ilis ut ea estor aut aditas et inum rem
voloreritate
vellore dest, et lanimendit, que nis es dolupiet int
eaquassi
dolorum re lam eum as ius vendemp erferer endaesciis de
liqui
con core, architi nctiumquo de doluptatur? Nobiti necaepelit
alit ad estem asimilliquo core aspitisin eos eos rem quiati
core
et aria volorenes di berro officie nditin re poris autatqui cus
et
utem fuga.
Sub-heading in Proxima Nova Bold
Mendae mil id moluptae volores quoste doluptia conet destia
cuptas eici occabor eperum secest quissim olorro tem vo-
In this example:
Baseline grid6.5 pt.
HeadingFont: Proxima Nova Light.L2: 39/39 pt.
PreambleFont: Proxima Nova Regular Italic. L1: 13 pt/19.5
pt.
Body copyFont: Proxima Nova Regular. 9 pt/13 pt.
Example of layout with heading, preamble and body copy
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 31
Necaepelit alit ad
estem asimilliquo core
aspitisin eos eos rem
quiati core et aria vo-
lorenes di berro officie
nditin re poris Mendae
mil id moluptae volo-
res quoste doluptia
conet destia cuptas
unt ut re maximagnam
solo mos rerum etur,
officil igenden imolorat
eosamet fuga.
Necaepelit alit ad
estem asimilliquo core
aspitisin eos eos rem
quiati core et aria vo-
lorenes di berro officie
nditin re poris Mendae
mil id moluptae volo-
res quoste doluptia
conet destia cuptas
unt ut re maximagnam
solo mos rerum etur,
officil igenden imolorat
eosamet fuga.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Quisque scelerisque
ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elemen-
tum. Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis
ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac
nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl
rhoncus vestibulum. Donec eu lorem at est tempus eleifend
condimentum nec eros. Sed at pretium erat, nec scelerisque
arcu. Cus ut labore simaximaxim volo ventemque velibus.
Vitatet am, officta sinihicid et laceped ma
Spratestiis maionsequi reic temquam, secta cum as con pellab
invel idus maximenditi ulparum quas a dolor molut ad eum
utendemolor sitem dolorep tatur, sam quis quasim quibusam
ex essum si offictium rem nisqui aut doluptiumqui
remporerchil
excestrum sequaepero min es estiam ad ut escimusa volorro
venduci denectiur sit et harum everit quae volupta dolecte
mquiam il mi, tem volupta eumenih iliqui re num ea sitium
consequatiis ilis ut ea estor aut aditas et inum rem
voloreritate
vellore dest, et lanimendit, que nis es dolupiet int
eaquassi
dolorum re lam eum as ius vendemp erferer endaesciis de
liqui
con core, architi nctiumquo de doluptatur? Nobiti necaepelit
alit ad estem asimilliquo core aspitisin eos eos rem quiati
core
et aria volorenes di berro officie nditin re poris autatqui cus
et
utem fuga.
Sub-heading in Proxima Nova Bold
Mendae mil id moluptae volores quoste doluptia conet destia
cuptas eici occabor eperum secest quissim olorro tem vo-
lorenis sum labo. Et di re nimus doluptas in net inulpa
ipiciam
nimo te duntias doluptatus modis volupidi nis earibus dolor
aut
Necaepelit alit ad estem asimilliquo
core aspitisin eos eos rem quiati
core et aria volorenes di berro officie
nditin re poris Mendae mil id molup-
tae volores quoste doluptia conet
destia cuptas unt ut re maximagnam
solo mos rerum etur, officil igenden
imolorat eosamet fuga.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Quisque scelerisque
ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elemen-
tum. Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis
ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac
nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl
rhoncus vestibulum. Donec eu lorem at est tempus eleifend
condimentum nec eros. Sed at pretium erat, nec scelerisque
arcu. Cus ut labore simaximaxim volo ventemque velibus.
Spratestiis maionsequi reic temquam, secta cum as con pellab
invel idus maximenditi ulparum quas a dolor molut ad eum
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque scelerisque ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elementum.
Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl rhoncus vestibulum. Donec eu lorem at est tempus
eleifend condimentum nec eros. Sed at pretium erat, nec
scelerisque arcu. Cus ut labore simaximaxim volo ventemque
velibus.
Vitatet am, officta sinihicid et laceped ma
Spratestiis maionsequi reic temquam, secta cum as con pellab
invel idus maximenditi ulparum quas a dolor molut ad eum
utendemolor sitem dolorep tatur, sam quis quasim quibusam ex
essum si offictium rem nisqui aut doluptiumqui rempo-
rerchil excestrum sequaepero min es estiam ad ut escimusa
volorro venduci denectiur sit et harum everit quae volupta
dolecte mquiam il mi, tem volupta eumenih iliqui re num ea
sitium consequatiis ilis ut ea estor aut aditas et inum rem
volo-
reritate vellore dest, et lanimendit, que nis es dolupiet int
eaquassi dolorum re lam eum as ius vendemp erferer endaesciis
de liqui con core, architi nctiumquo de doluptatur? Nobiti
necaepelit alit ad estem asimilliquo core aspitisin eos eos rem
quiati core et aria volorenes di berro officie nditin re poris
autatqui cus et utem fuga.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit amet,
consectetur adi-
piscing elit. Quisque scelerisque ornare enim vel fringilla.
Morbi eget arcu et quam
lacinia elementum. Nam vel nunc odio. Vestibulum aliquam euismod
sem, id dictum
ex imperdiet ac. Ut in leo at sapien tempus facilisis ac quis
felis. Curabitur mollis mi at
accumsan vestibulum. Proin ac nulla et lectus venenatis
accumsan. Sed ultricies risus
nec nisl rhoncus vestibulum. Donec eu lorem at est tempus
eleifend condimentum
nec eros. Sed at pretium erat, nec scelerisque arcu. Cus ut
labore simaximaxim volo
ventemque velibus.
Body copy in Proxima Nova Regular.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Quisque scelerisque
ornare enim vel fringilla. Morbi eget arcu
et quam lacinia elementum. Nam vel
nunc odio. Vestibulum aliquam euismod
sem, id dictum ex imperdiet ac. Ut in leo
at sapien tempus facilisis ac quis felis.
Curabitur mollis mi at accumsan. Cus
ut labore simaximaxim volo ventemque
velibus.
Spratestiis maionsequi reic temquam,
secta cum as con pellab invel idus
maximenditi ulparum quas a dolor molut
ad eum utendemolor sitem dolorep tatur,
sam quis quasim quibusam ex essum
si offictium rem nisqui aut doluptiumqui
remporerchil excestrum sequaepero
min es estiam ad ut escimusa volorro
et inum rem voloreritate vellore dest, et
lanimendit.
Necaepelit alit ad estem asimilliquo core
aspitisin eos eos rem quiati core et aria
volorenes di berro officie nditin re poris
Mendae mil id moluptae volores quoste
dolor aut evellorit, exceat que consequ
iberum esectin corrovidus sandit ut pra-
eperiam quis comnihillis explam unt ut re
maximagnam solo mos rerum etur, officil
igenden imolorat eosamet fuga.
Necaepelit alit ad estem asimilliquo core
aspitisin eos eos rem quiati core et aria
volorenes di berro officie nditin re poris
Mendae mil id moluptae volores quoste
doluptia conet destia cuptas eici occa-
bor eperum secest quissim olorro tem
volorenis sum labo. Et di re nimus dolup-
tas in net inulpa ipiciam nimo te duntias
doluptatus modis volupidi nis earibus
dolor aut evellorit, exceat que consequ
iberum esectin corrovidus sandit ut pra-
eperiam quis comnihillis explam unt ut re
maximagnam solo mos rerum etur, officil
igenden imolorat eosamet fuga.
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Quisque scelerisque
ornare
enim vel fringilla. Morbi eget arcu et quam lacinia elemen-
tum. Nam vel nunc odio. Vestibulum aliquam euismod sem, id
dictum ex imperdiet ac. Ut in leo at sapien tempus facilisis
ac
quis felis. Curabitur mollis mi at accumsan vestibulum. Proin
ac
nulla et lectus venenatis accumsan. Sed ultricies risus nec
nisl
rhoncus vestibulum. Donec eu lorem at est tempus eleifend
condimentum nec eros. Sed at pretium erat, nec scelerisque
arcu. Cus ut labore simaximaxim volo ventemque velibus.
Vitatet am, officta sinihicid et laceped ma
Spratestiis maionsequi reic temquam, secta cum as con pellab
invel idus maximenditi ulparum quas a dolor molut ad eum
utendemolor sitem dolorep tatur, sam quis quasim quibusam
ex essum si offictium rem nisqui aut doluptiumqui
remporerchil
excestrum sequaepero min es estiam ad ut escimusa volorro
venduci denectiur sit et harum everit quae volupta dolecte
mquiam il mi, tem volupta eumenih iliqui re num ea sitium
consequatiis ilis ut ea estor aut aditas et inum rem
voloreritate
vellore dest, et lanimendit, que nis es dolupiet int
eaquassi
dolorum re lam eum as ius vendemp erferer endaesciis de
liqui
con core, architi nctiumquo de doluptatur? Nobiti necaepelit
alit ad estem asimilliquo core aspitisin eos eos rem quiati
core
et aria volorenes di berro officie nditin re poris autatqui cus
et
utem fuga.
Sub-heading in Proxima Nova Bold
Mendae mil id moluptae volores quoste doluptia conet destia
cuptas eici occabor eperum secest quissim olorro tem vo-
lorenis sum labo. Et di re nimus doluptas in net inulpa
ipiciam
nimo te duntias doluptatus modis volupidi nis earibus dolor
aut
evellorit, exceat que consequ iberum esectin corrovidus
sandit
ut praeperiam quis comnihillis explam unt ut re maximagnam
solo mos rerum etur, officil igenden imolorat eosamet fuga.
Bus
et aut poris archiciis dolo verci dis ut doloris aperibusandi
aut
fuga. Niassint ditium quisitat ad quassiment voluptatquam
quo
estrum sumendis ate ipsunte aut min nullaud icabor molecep-
tas debitatur, od ma porrum necabor esequunt accum etum
conseque premporest perspic ipiendeliquo cora quo maio
ommolessum resequi bearum ipiendi gnisit oditiis ent.
exceriatiur? Atusci utempores nonsenis debis doluptam volen-
to molentur am quam quisciis rat ut autem exernam untiusdae
Different widths of text columns and image sizes can be combined
within the grid to create a dynamic layout.
Do not place images between columns. Images must align with the
columns. Avoid long conti-nuous rows of copy that go from the left
margin to the right. It makes the text harder to read.
Examples of image and text placements within the grid
STOP
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201932
The Bridge – primary graphic element
01 / The design elements
The Bridge is a visual representation of our Ascom mission to
bridge digital information gaps. It’s used on front covers of
brochures, rollups, in Power-Point title and chapter slides and as
a header on webpages and in exhibition logo crowns. The Bridge is
preset in templates.
The Bridge formulaThe curved shape in the Bridge is based on an
ellipse that is twice the width and half the height of the document
area. Variations may appear, see marketing collateral.
How to create the Bridge in InDesignCreate a block slightly
lower than the final document size. Create an ellipse based on the
formula. The ellipse should be the top layer. Mark both objects. Go
to Object, select Pathfinder and then select Subtract.
X
2X
1/2 of height
The Bridge in landscape format
X
2X
1/2 of height
The Bridge in portrait formatImage or colored background
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 33
X2X
1/2 of width
X
3X
1/2 of height
The Bridge in high, narrow portrait format
The vertical Bridge
For narrow formats the curved shape is based on an ellipse that
is three times the width and half the height of the document.
The vertical Bridge can be used in landscape formats, inside
brochures, on exhibition walls and in PowerPoint image slides. Same
principles as for the Bridge.
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201934
The Bridge – application
01 / The design elements
The Bridge is used to separate image or colored background and
text area in a harmonious way. Neither image nor text area must be
smaller than 1/4 of the document height in portrait formats, or 1/3
of the document width in landscape formats.
Ensure a pleasing and harmonious visual balance. Only use the
Bridge once in a single piece of communication, for example on the
front cover of a brochure.
The sizes of the image area or colored background versus the
text areas may vary depending on type of communi-cation. In an ad,
for example, the image area is larger than the text area.
Text area and image/colored background area may be reversed.
1/4
of h
eig
ht
1/3 of width 1/3 of width
Image or colored background
Image or colored background
Image or colored background
Image or colored background
1/4
of h
eig
ht
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 35
The Bridge – what not to do
01 / The design elements
The Bridge is a distinct graphic element. If it’s not used
correctly it will not be recognized as part of the Ascom visual
identity. This may confuse our target groups and damage our brand.
Here are some examples of what not to do.
The Bridge must never “hang” down. It must always strive
upwards.
Do not change the formula. It will affect the height/width
relationship.
Do not use the Bridge repeatedly in a single piece of
communication, for example in a brochure.
STOP
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque scelerisque ornare enim vel
fringilla. Morbi eget arcu et quam lacinia elementum. Nam vel nunc
odio. Vestibulum aliquam euismod sem, id dictum ex imperdiet ac. Ut
in leo at sapien tempus facilisis ac quis felis. Curabitur mollis
mi at accumsan vestibulum. Proin ac nulla et lectus venenatis
accumsan. Sed ultricies risus nec nisl rhoncus vestibulum. Donec eu
lorem at est tempus eleifend condimentum nec eros. Sed at pretium
erat, nec scelerisque arcu. Cus ut labore simaximaxim volo
ventemque velibus.Spratestiis maionsequi reic temquam, secta cum as
con pellab invel idus maximenditi ulparum quas a dolor molut ad eum
utendemolor sitem dolorep tatur, sam quis quasim quibusam ex essum
si offictium rem nisqui aut doluptiumqui remporerchil excestrum
sequaepero min es estiam ad ut escimusa volorro venduci denectiur
sit et harum everit quae volupta dolecte mquiam il mi, tem volupta
eumenih iliqui re num ea sitium consequatiis ilis ut ea estor aut
aditas et inum rem voloreritate vellore dest, et lanimendit, que
nis es dolupiet int eaquassi dolorum re lam eum as ius vendemp
erferer endaesciis de liqui con core, architi nctiumquo de
doluptatur? Nobiti necaepelit alit ad estem asimilliquo core
aspitisin eos eos rem quiati core et aria volorenes di berro
officie nditin re poris autatqui cus et utem fuga.
Sub-heading in Proxima Nova Bold Mendae mil id moluptae volores
quoste doluptia conet destia cuptas eici occabor eperum secest
quissim olorro tem volorenis sum labo. Et di re nimus doluptas in
net inulpa ipiciam nimo te duntias doluptatus modis volupidi nis
eari-bus dolor aut evellorit, exceat que consequ iberum esectin
corrovidus sandit ut praeperiam quis comnihillis explam unt ut re
maximagnam solo mos rerum etur, officil igenden imo-lorat eosamet
fuga. Bus et aut poris archiciis dolo verci dis ut doloris
aperibusandi aut fuga. Niassint ditium quisitat ad quassiment
voluptatquam quo estrum sumendis ate ipsunte aut min nullaud icabor
moleceptas debitatur, od ma porrum necabor esequunt accum etum
conseque premporest perspic ipiendeliquo cora quo maio ommolessum
resequi bearum ipiendi gnisit oditiis ent.
exceriatiur? Atusci utempores nonsenis debis doluptam volento
molentur am quam quisciis rat ut autem exernam untiusdae erem
conserum unt dis ad ut expedipsusae inim inis eatur, officat
emporesto que pe periata dis molor mi, nonsequis mos deleseq
uiatese quides molorem vid qui alignis magnat facessit ilicim eum
imincto doluptur as et quid utassero debis doluptatio omni blabor
aliquib erovidellab is accus, sequiaest, quos doluptae et imo culpa
nate et pel et quo
Body copy in Proxima Nova Regular. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque scelerisque ornare enim vel
fringilla. Morbi eget arcu et quam lacinia elementum. Nam vel nunc
odio. Vestibulum aliquam euismod sem, id dictum ex imperdiet ac. Ut
in leo at sapien tempus facilisis ac quis felis. Curabitur mollis
mi at accumsan vestibulum. Proin ac nulla et lectus venenatis
accumsan. Sed ultricies risus nec nisl rhoncus vestibulum. Donec eu
lorem at est tempus eleifend condimentum nec eros. Sed at pretium
erat, nec scelerisque arcu. Cus ut labore simaximaxim volo
ventemque velibus.
Spratestiis maionsequi reic temquam, secta cum as con pellab
invel idus maximenditi ulparum quas a dolor molut ad eum
utendemolor sitem dolorep tatur, sam quis quasim quibusam ex essum
si offictium rem nisqui aut doluptiumqui remporerchil excestrum
sequaepero min es estiam ad ut escimusa volorro venduci denectiur
sit et harum everit quae volupta dolecte mquiam il mi, tem volupta
eumenih iliqui re num ea sitium consequatiis ilis ut ea estor aut
aditas et inum rem voloreritate vellore dest, et lanimendit, que
nis es dolupiet int eaquassi dolorum re lam eum as ius vendemp
erferer endaesciis de liqui con core, architi nctiumquo de
doluptatur? Nobiti necaepelit alit ad estem asimilliquo core
aspitisin eos eos rem quiati core et aria volorenes di berro
officie nditin re poris autatqui cus et utem fuga.Sub-heading in
Proxima Nova Bold Mendae mil id moluptae volores quoste doluptia
conet destia cuptas eici occabor eperum secest quissim olorro tem
volorenis sum labo. Et di re nimus doluptas in net inulpa ipiciam
nimo te duntias doluptatus modis volupidi nis earibus dolor aut
evellorit, exceat que consequ iberum esectin corrovidus sandit ut
praeperiam quis comnihillis explam unt ut re maximagnam solo mos
rerum etur, officil igenden imolorat eosamet fuga. Bus et aut poris
archiciis dolo verci dis ut doloris aperibusandi aut fuga. Niassint
ditium quisitat ad quassiment voluptatquam quo estrum sumendis ate
ipsunte aut min nullaud icabor moleceptas debitatur, od ma porrum
necabor esequunt accum etum conseque premporest perspic
ipiendeliquo cora quo maio ommolessum resequi bearum ipiendi gnisit
oditiis ent.
exceriatiur? Atusci utempores nonsenis debis doluptam volento
molentur am quam quisciis rat ut autem exernam untiusdae erem
conserum unt dis ad ut expedipsusae inim inis eatur, officat
emporesto que pe periata dis molor mi, nonsequis mos deleseq
uiatese quides molorem vid qui alignis magnat facessit ilicim eum
imincto doluptur as et quid utassero debis doluptatio omni blabor
aliquib erovidellab is accus, sequiaest, quos doluptae et imo culpa
nate et pel et quo
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201936
The Hexagon – secondary graphic elements
01 / The design elements
The hexagon is a versatile graphic element that can be used as a
stand- alone symbol. Several hexagons can also be linked together
in chains to symbolize the flow of information.
DesignThe hexagon is a symmetric, six-sided polygon. One side
length should always be facing down. It must never appear tilted
nor stand on one of the corners. Line weight must be consistent for
the sides and elements inside the hexagon.
OptionsThe hexagon can be outlined or filled and contain a
symbol, text or both.
Minimum sizeThe minimum width of the hexagon is 10.5 mm.
Line thickness is consistent.
The corners are slightly rounded.
One side length should always be facing down.
10.5 mm
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 37
The Hexagon – symbols
01 / The design elements
There are about 120 different icons to download from our
library. They are divided into three categories: Healthcare and
Elderly Care, Enterprise and generic. New icons must only be
created by the global marketing department.
All icons are designed with the same linewidth. They must not
contain partially filled elements.
Usage of icons must be consistent. One and the same icon must
have the same meaning everywhere it’s being used.
Example of symbols used within Healthcare and Elderly care
Example of symbols used within Enterprise
Example of generic symbols
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201938
The Hexagon – chains
01 / The design elements
QuantityChains of hexagons can be created in uneven numbers,
either 3, 5 or 7 hexagons. A single hexagon can also be used.
Linking hexagonsSeveral hexagons can be linked together as a
chain. All the symbols and texts must face the same way. Line
weight must be the same for all the hexagons and the elements they
contain.
Only one line connects two hexagons. Line weight is consistent
for the entire chain.
Outline is consistent with outline for symbols.Space between
hexagons equals the line weight.
Preferred direction Alternative direction
DirectionLink hexagons next to each other to create flow and a
sense of motion, horizontally or vertically. Horizontal is the
preferred direction.
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 39
The Hexagon – make a point
01 / The design elements
Symbols should never be added for a purely decorative purpose.
When symbols are placed next to each other in a chain of hexagons
they should enhance or clarify the overall context, tell a story
and make a point.
General Care – examples
Intensive Care – examples
Elderly Care – examples
Flow of information is illustrated with symbols for ECG, sms
bubbles, nurse call signal, forwarding a message and a
smartphone.
The path from an emergency call to help is illustrated with
symbols for a smartphone, ECG, a monitor, measurement of vital
signs (ruler and a drop of blood) and medical action (a pill).
An image of a patient bracelet, the symbols for forwarding a
message and a smartphone illustrate the process for meeting the
needs of an elderly person.
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201940
Chain of hexagonsAll colors in the palette may be used for a
chain of hexagons, except for white, Coral and Ascom Red. Coral may
only be used for a single hexagon. A single hexagon can be
highlighted by using a lighter or darker version of the color that
has been selected for the chain.
Blue and green color schemes must not be mixed in a chain of
hexagons.
Single hexagonSingle, clearly separated hexagons can be in
different colors. Filled and outlined hexagons must not be
mixed.
Hexagon color On white background
Ascom Red
Ascom Green ●
Ascom Blue ●
Ascom Gray ●
Ascom White
Light Green ●
Dark Green ●
Light Blue ●
Dark Blue ●
Ultralight Gray On dark background
Light Gray ●
Light CoralSingle hexagon on dark background
Dark Coral Single hexagon
Allowed colors
Single, separated hexagons can be in different colors in the
same color scheme.
Highlighted hexagons in two types of chains.
Use the same color for linked hexagons.
The Hexagon – color application
01 / The design elements
X
X
X
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 41
The Hexagon – application on images
01 / The design elements
Opaque and transparent hexagons can only be applied by the
global marketing department.
Only use outiline hexagons on images with sufficient
contrast.
A single hexagon or chains of hexagons on images can be filled
or outlined. Only white and gray colors are allowed. White, filled
hexagons may include symbols in Light or Ultralight Gray.
Transparent hexagons can also be used on images. This effect,
however, can only by applied in communication material that has
been produced by the global marketing department.
Hexagon color On an image/colored background
Ascom Red
Ascom Green
Ascom Blue
Ascom Gray ●
Ascom White ●
Light Green
Dark Green
Light Blue
Dark Blue
Ultralight Gray ●
Light Gray ●
Light Coral
Dark Coral
Allowed colors
STOP
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 201942
The Hexagon – examples
01 / The design elements
Why the shift to private patient rooms?Today’s patient is
positioned as a valued consumer who has choices and a say in the
healthcare market. Patient engagement initiatives have encouraged
these consumers to take ownership of their health and care. Patient
satisfaction scores and access to web-based medical information
have empowered them to be more discerning. The result is a savvy
consumer who is more likely to value peace and privacy over having
a hospital roommate.
On the other side of the issue are healthcare provider
organizations. While there are many benefits of private patient
rooms for them, as well, they also are chal-lenged with delivering
effective care to a more widely dispersed patient population.
Driving forcesNumerous factors and objectives have come together
to get us to this point in which “the private, single-occupancy
hospital room has become the gold standard in new hospital
construction.”1 They include:
Today’s patient is positioned as a valued consumer who has
choices and a say in
Lorem ipsum dolor sit amet consectetur adipiscing elit
scelerisque ornare enimHistorically, patient rooms were designed to
maximize caregiv-er efficiency and patient interaction. As a
result, multi-patient rooms were the preferred configuration. Over
the past two de-cades, however, that mindset has changed, prompting
hospital administrators to seek other alternatives in delivering
effective patient care.
In 2011 the Center for Disease Control estimated that 720,000
patients acquired an infection during their hospital stay resulting
in ~75,000 deaths.2
CUSTOMER REFERENCE STORY
Hexagon chains in layoutThese are examples of the most common
ways to apply the hexagon chain in layout.
1 Place the hexagon chain, filled or outlined in an approved
color, in the left column on white background.
2 Place the hexagon chain, filled or outlined in gray or white,
on a calm area in an image.
1
Heading in Proxima Nova Light
ascom.com
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
scelerisque ornare enim vel fringilla. Morbi eget arcu et quam
lacinia elementum. Nam vel nunc odio. Vestibulum aliquam euismod
sem, id dictum ex imperdiet ac. Ut in leo at sapien tempus
facilisis ac quis felis.
00
00
0-0
0 X
XX
© A
scom
(Sw
eden
) AB
2
-
ASCOM CORPORATE VISUAL IDENTITY · JANUARY 2019 43
The Hexagon – what not to do
01 / The design elements
Do not connect an even number of hexagons.
Do not place hexagons in a cluster or complex structure.
Do not use other colors than white or gray for icons in hexagons
placed on an image.
Do not use different line weights.
To convey a sense of orderly structure, it’s important that
hexagons are created, and linked, in the right way. Here are some
examples of what not to do.
Do not connect filled and outlined hexagons.
Do not add additional space between connected hexagons.
Do not mix blue and green color schemes in connected
hexagons.
Do not use several colors as highlights. Only use one.
Do not use filled symbols within a hexagon.
Do not tilt the hexagon, it must stand on a side.
Do not place images inside a hexagon.
STOP