JKS Manufacturing

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

#202020
#e41e26
#1676bb
#ffcd2f
#bcbec0
#fff
Click to change Header Color. [ Reset ]

Patterns / Textures

Ruff
Textile Dark
Textile Light
Click to see as background Reset

Image & Atmosphere

image 1
Flat UX
image 2
Visual Browsing
image 3
Category Pages
image 4
Visual Menu System
image 5
Product Pages
image 6
Strong Product Imagery

Font Selection

Header Text - Typeface: Roboto

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: Roboto | Alternate Font:Lato

Main Text - Typeface: Titillium Web

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: Titillium Web | Alternate Font: Ubuntu

Typography

This is a regular statement This is regular statement italicized This is a bold statement This is a 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

h1 -- Section Heading 1

h2 -- Section Heading 2

h3 -- Section Heading 3

h4 -- Section Heading 4

h5 -- Section Heading 5
h6 -- 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 a 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.

Button Styles