Das Dilly Web - Styleguide

Set Fonts and buttons

Default Text

DesktopLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TabletLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
MobileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

.smaller Default Text

DesktopLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TabletLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
MobileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<small> or .small Default Text

DesktopLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TabletLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
MobileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

.medium1 Default Text

DesktopLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TabletLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
MobileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

.large1 Default Text

DesktopLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TabletLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
MobileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Headings

Desktop

.t1large Header

Tablet

.t1large Header

Mobile

.t1large Header

Desktop
Tablet
Mobile

.t1 Header

.t1 Header

.t1 Header

.t2 Header

.t2 Header

.t2 Header

.t3 Header

.t3 Header

.t3 Header

.t4 Header

.t4 Header

.t4 Header

.t5 Header
.t5 Header
.t5 Header
.t6 Header
.t6 Header
.t6 Header
.morelink
.morelink
.morelink
 

Background Colors

.bgweb
Header
Header .t2
Text
Link
 
.bgweb2
Header
Header .t2
Text
Link
 
.bglist, .bgteaser, .bgusp
Header
Header .t2
Text
Link
.bglistalternate
Header
Header .t2
Text
Link
 
.bgbar
Header
Header .t2
Text
Link
 
.bghighlight
Header
Header .t2
Text
Link
.bghighlight2
Header
Header .t2
Text
Link
.bggallerybox
Header
Header .t2
Text
Link
.bgheader
Header
Header .t2
Text
Link
.bgheader2
Header
Header .t2
Text
Link
.bgmobile
Header
Header .t2
Text
Link
.bgfooter
Header
Header .t2
Text
Link
 
.bgfooter2
Header
Header .t2
Text
Link
 
 
 
Fonts
Please select
 
 
Please select
 
 
Please select
 
 
Please select
 
 
Please select
 
 
Buttons
 
Button with background
 
 
 
 
Links
None
 
None
 
 
 
 
General
Default
 
 
 
 
 
 
 
 
 
 
Smaller
 
 
 
 
 
 
 
 
 
 
Small
 
 
 
 
 
 
 
 
 
 
Medium
 
 
 
 
 
 
 
 
 
 
Large
 
 
 
 
 
 
 
 
 
 
Headings
T1Large
 
None
 
 
 
 
 
 
 
 
 
 
T1
 
None
 
 
 
 
 
 
 
 
 
 
T2
 
None
 
 
 
 
 
 
 
 
 
 
T3
 
None
 
 
 
 
 
 
 
 
 
 
T4
 
None
 
 
 
 
 
 
 
 
 
 
T5
 
None
 
 
 
 
 
 
 
 
 
 
T6
 
None
 
 
 
 
 
 
 
 
 
 
MoreLink
 
None
 
 
 
 
 
 
 
 
 
 
BackgroundColor
BgWeb
Background
 
 
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgWeb2
Background
 
 
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgList
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgListAlternate
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgBar
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgHighlight
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgHighlight2
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgGallerybox
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgHeader
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgHeader2
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
BgFooter
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgFooter2
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
Form
 
 
 
 
BgMobile
Background
 
 
Title
 
 
 
Text & border
 
 
Link
 
 
Button 1
 
 
 
 
 
 
 
Button 2
 
 
 
 
 
 
 
No Client specified! Styleguide can't be saved!