Moodboard

Sinister Diesel

Sinister Diesel Mood Board

The moodboard conveys a general feel for the atmosphere of the website. It contains colors, text, images, patterns, and anything else that will set the mood of what the site will have. This is not a final design or a site page. It is more of a canvas that the designer can reference when the client is in agreement with the overall mood.

colors

#0024A3
#8F0202
#000000
#333333
#C0C0C0
#ffffff
Click to change Header Color. [ Reset ]

Patterns / Textures

pattern 1Subtle Grunge
pattern 2Dark Rough
pattern 3Navy Blue
pattern 4Carbon Fibre
Click to see as background. [ Reset ]

Visual Guide

image 1 image 1
Use of clean high quality product images with transparent backgrounds.
image 1 image 2
The Sinister Diesel Emblem will be incorporated in the layout design.
image 1 image 1
Design will have a tough industrial feel, yet clean and professional.
image 1 image 2
All imagery used will be high resolution.

Font Selection

Header Text - Typeface: Play

00
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF
GG
HH
II
JJ
KK
LL
MM
NN
OO
PP
QQ
RR
SS
TT
UU
VV
WW
XX
YY
ZZ
aa
bb
cc
dd
ee
ff
gg
hh
ii
jj
kk
ll
mm
nn
oo
pp
qq
rr
ss
tt
uu
vv
ww
xx
yy
zz
Default Font: Play | Alternate Font:Open Sans

Main Text - Typeface: Open Sans

00
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF
GG
HH
II
JJ
KK
LL
MM
NN
OO
PP
QQ
RR
SS
TT
UU
VV
WW
XX
YY
ZZ
aa
bb
cc
dd
ee
ff
gg
hh
ii
jj
kk
ll
mm
nn
oo
pp
qq
rr
ss
tt
uu
vv
ww
xx
yy
zz
Default Font: Open Sans | ALternate Font: Arial

Typography

This is a thin statement This is a thin statement italicized This is a regular statement This is regular statement italicized This is a bold statement This is a bold statement italicized This is an extra bold statement This is an extra bold statement italicized This is a standard link This is a link in a hover state This is a visited link This is an active link

This is Section Heading 1

This is Section Heading 2

This is Section Heading 3

This is Section Heading 4

This is Section Heading 5
This is Section Heading 6

Example Paragraphs

Section Heading

This is a regular paragraph. Grumpy wizards make toxic brew for the evil Queen and Jack. One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.

This is an callout paragraph. Grumpy wizards make toxic brew for the evil Queen and Jack. One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.

Blockquote Styles

This is the Default Blockquote Style Example. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehcalloutit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is the left float Blockquote Style Example.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehcalloutit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is the right float Blockquote Style Example. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehcalloutit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Button Styles