Orga-Stylesheet

Headlines

VISIONEN
VERWIRKLICHEN.
DIE ZUKUNFT
ERSCHAFFEN.

Form
Follows
Function.

Printvorgaben:
LL BROWN BOLD
Corporate/Headlines
Versal
LW +50
ZAB 100%

Desktop:
Schriftschnitt: Bold
Größe 75 px
Umwandlung Versalien
Zeilenhöhe 77 px
Zeichenabstand 1,8

Tablet:
Schriftschnitt: Bold
Größe 70 px
Umwandlung Versalien
Zeilenhöhe 1 em
Zeichenabstand 1,8

Mobile:
Schriftschnitt: Bold
Größe 35 px
Umwandlung Versalien
Zeilenhöhe 1 em
Zeichenabstand 1,8

Subheads

ARCHITEKTUR
PARAMETRIC
GENERATIV.

Form
Follows
Function.

Printvorgaben:
LL BROWN Regular
Subheadlines/Introheadlines
Versal
LW +20
ZAB 100%

Desktop:
Schriftschnitt: Normal
Größe 42 px
Umwandlung Versalien
Zeilenhöhe 1 em
Zeichenabstand 1,7

Tablet:
Schriftschnitt: Normal
Größe 40 px
Umwandlung Versalien
Zeilenhöhe 1 em
Zeichenabstand 1,7

Mobile:
Schriftschnitt: Normal
Größe 30 px
Umwandlung Versalien
Zeilenhöhe 1 em
Zeichenabstand 1,74

Intro

INTROTEXT/EINLESER/CORPORATE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Euismod tincidunt ut laoreet Dolore magna Aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
INTROTEXT/EINLESER/CORPORATE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Euismod tincidunt ut laoreet Dolore magna Aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
INTROTEXT/EINLESER/CORPORATE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Euismod tincidunt ut laoreet Dolore magna Aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
INTROTEXT/EINLESER/CORPORATE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Euismod tincidunt ut laoreet Dolore magna Aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.

Printvorgaben:
LL BROWN Regular
Corporate/Introtexte
Gemischt
LW +20
ZAB 120%

Desktop:
Schriftschnitt: Normal
Größe 22 px
Umwandlung Versalien
Zeilenhöhe 1,2 em
Zeichenabstand 0,5

Tablet:
Schriftschnitt: Normal
Größe 19 px
Umwandlung Versalien
Zeilenhöhe 1,2 em
Zeichenabstand 0,5

Mobile:
Schriftschnitt: Normal
Größe 16 px
Umwandlung Versalien
Zeilenhöhe 1,2 em
Zeichenabstand 0,5

Copy

Fließtext Brown light/bold. Omnisto voluptates nonsecte nim fugiti si nus velitatur? Qui ut autem hilignam volorum quae nis esequamet elit, sam fuga. Ut ulliquae idem quo blantor ersperum asimo doluptas eium hicipsam quis mod quae cori cus mo eos re vendi quis molupta tquias ipitae. Aquos duciendam ad eatiis re dolent offic te dolupta cor repudi consequo bero volupta simillupicil modiam, to dolupta volore, comnim et as eic te debis que esed minulparupta volore si omnihic atibus, conseque natatem.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Printvorgaben:
LL BROWN Light
Fließtexte/Hervorhebungen
Gemischt
LW +10
ZAB 130%

Desktop:
Schriftschnitt:300 (light)
Größe 15 px
Umwandlung Versalien
Zeilenhöhe 1,3 em
Zeichenabstand 0,1

Tablet:
Schriftschnitt: 300 (light)
Größe 13 px
Umwandlung Versalien
Zeilenhöhe 1,3 em
Zeichenabstand 0,1

Mobile:
Schriftschnitt: 300 (light)
Größe 12 px
Umwandlung Versalien
Zeilenhöhe 1,3 em
Zeichenabstand 0,12

VISIONEN

ERSCHAFFEN.

Form
Follows
Function.

Colors

Solid Black #000000
Warm Earth #c0a177
Nature Green #363c38
Mud Grey #a8a198
Light Grey #e0dcdb
Vision Blue #0b5368

Grid (Heros)

25 % Screen
25 % Screen
25 % Screen
25 % Screen
50 % Screen
50 % Screen
100 % Screen
25 % Screen
25 % Screen
50 % Screen
50 % Screen
25 % Screen
25 % Screen

Grid (Boxed)

A (25%)
B (25%)
C (25%)
D (25%)
A-B (50%)
C-D (50%)
A-D (100 %)
A (25%)
B-D (75%)
A-B (75%)
D (25%)
A (25%)
B-C (50%)
D (25%)
4 and 2 Columns
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

2 of 4 Columns (60 px Page Padding on Resize)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy  sanctus est Lorem ipsudolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy  sanctus est Lorem ipsudolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

2 of 4 Columns

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
1 & 2 of 4 Columns
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Forms

Karriere:

Follow