Corporate design manual? |? Siemens-Electrogeräte GmbH? |? Design elements
Layout
Design principle
The layout is based on the
1 ”Transparent Layer“.
This proceeds from the right margin
across the
2 image and the
3 white space.
2
This creates a transparent
1a ”Big Bar“ and underneath it a
1b colored ”Small Bar“.
The transparent “Big Bar” is always in the primary
color Siemens Stone. The “Small Bar” under it is in
a full saturation accent colors or Siemens Stone.
The accent color should always be chosen to
h
armonize with the key visual.
The “Big Bar” contains the headline and an
optional subhead, with the URL in the “Small Bar”.
The body copy appears in the white space beneath
it, along with the tagline.
Headline ad arum est solore
nih sunt Amet sum. 36 pt
1
Subline lorem ipsum dolor sunt. 15 pt
1a
siemens-home.com 13 pt
1b
3
Siemens. The future moving in. 13 pt
Best practice layout example
Flexible layout
Headline ad aerum est solo
renih est Amet sum.
siemens-home.com
Headline ad aerum est solo
renih est Amet sum.
Subline lorem ipsum renih est ad sunt Aerum sit amet.
Headline ad aerum est
solo renih est Amet sum.
siemens-home.com
Modolob orperostrud et ex esequam est quam dolorper sed
exer sed tat acietso.Utpatinis alit
siemens-home.com
Headline ad aerum est solo
renih est Amet sum.
Subline lorem ipsum renih est ad sunt Aerum sit amet.
Nisl ulputpat at. Cidunt autatie deliquam nu
llamcon atte henisisse consecte tionsequis
accum velit la velis feugiat. Ectet, vero odolort
ionsecte venim zril iuscil utpat utets wisim
heniamc ommolor eraesse dolorper ad min in
nibh enissed ting essectem veliquam.
Equisim nos do eum quat il ulla facipis nonum
veross est dolor illandit, consequi bla aliquatuer
sequisi scidunt lut euipism odipit alit prat lo si.
Ing ex eugait ut iniam, core faccum venis nostis
eugait adiam ea commodo loreet est
vull ipsusto odolorem, olobor sum essisisis aute
tis. Nisl praestie vel iure tat utat. Ut accum
acilit wiscidunt ulla est amet estdignim aliqatin
ulput velismo lobore magnisl utatetum augait
iriustrud do dio odolor ilisim do eugait, et veliui
tio cortie commodi onsectet verit alissi exeromoru sum commy nullamcon hendre et, consequat. Rosto odem exer augait, si tionseq uating
esequam in utetum iusciltur incin hent ver si
blan velit amconse minibh praestie vel iure tat.
Ut accum acilit wiscidunt ulla est amet esnim.
ipsustrud dolore dolobor.Eraessequis aut veniat ip et, quissim ip et
iniscincinis alisl dunt vel utat lorer
sequi bla consequam, summod
tetu dignismod tincil ing ex ea
acipsustrud molore feum zzriurer
summy nim dolor aut lobore.
Met veniatum adit irit utpat ero
etue et ip doloreet wis esto er sisl
irit alit dino enim duisi essecte
con henis do con vel exe ros nis
doloreet inciduisisi bl Met veniatum adit irit utpat ero etue et ip
doloreet wis esto er sisl irit alit
dino enim duisi essecte con henis
do con vel exe ros nis doloreet inciduisisi blcipis nit lum veniamet
ad delis nonsequi diam iriure del
illum inibh enit ullaore est iri
llaorper il utem inim et ipsuscilisi.
Met veniatum adit irit utpat ero
etue et ip doloreet wis esto er sisl
irit alit dino enim duisi essecte
con henis do con vel exe ros nis
doloreet inciduisisi bla con ut.
Maximum image height
Siemens. The future moving in.
Duis autem ve eum iriure dolor in hendrerit in vulputate velit esse me stie consequat vel illum.
Duis autem ve eum iriure dolor
in hendrerit in vulputate velit
esse me stie consequat vel illum
doloe eu feugidgat nulla facilis at
vero eros et accum.
Lorem Ipsum dolor 2011
mod tetu dignismod tincil ing ex
ea acipsustrud molore feum zzriurer summy nim dolor aut lobore.
Magnis del utpat. Duisis aliquam
etumoll estrud dolorpe ratuerci
blamet, su duis itcipis nit lum veniamet ad delis nonsequi
diam iriure del illum inibh enit ullaore est lorem etup:
• Ratum dolorer ostrud diamcon
• odiam, sim acip etueros dolore
• Hent velesequisis aut ut lore
Siemens. The future moving in.
Aliquatet landrem del dolore magna facin ulla feumsandrer sis augue delisi tisi ulla exer am delisl
ullam.
Nulput la consed duisit iustin et
Iquipis nulput et, velissi blaore.
Dit lor accum il ese delissis alit
ullaore consemagna faciliquis
auguerate diamnconsed tem quat
ilis er ad magna faccum ullaore
dionummy nibh eniate duip ea
feu ta GV?f67V????7F?6???GV?2WFV?fRWV??&?W&RF???"??V?G&W&?B??gV?WFFRfV?BW76R?P?7F?R6??6WVBfV????V?F???RWP?fWVv?FvB?V??f6??2BfW&?W&?2W@?67VBfV????WV??6?V?V?2???R?6???6?V?V?2?F?RgWGW&R??f??r?????&?&W6R??F???"?'W&?7G'VBW@?W?W7BW6WV?W7BWGF???2?@??7W7G"?&?6??6WV??7V???R?R3B?`?#RÒ#??0??#B?RR? ?Â??0??r?"rÐ?R?"R?`???P??R( 2#???3( 2C@??CR( 2c@??cR( 2?P????P??fW7G'VBF???'R&GVW&6?&??WB??F???&?W&RFV????V????&?V??BV???&RW7B?f67V?V???&RF???V????&?V???F?B??"67V???W6P?FV?76?2?BV???&R6??6V?v??f6??V?2VwVW&FRf67V?V???&RF???V????&?V??FRGV? ??6?V?V?2?F?RgWGW&R??f??r???????V???vR?V?v?@??F?Rf?W??&?R???WBW&?G2F&vWB?w&?W?B?6F????7V6?f?2FW6?v??F?R&??'F?????b??vR&V?B&?G?6??6?f'??FWV?F??r??v?WF?W"F?R?V6R?2??&R??vP??,*??f?&?F?fR???GW&R??#P???