Moodboard
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
Patterns / Textures
Visual Guide
Font Selection
Header Text - Typeface: Play
Main Text - Typeface: Open Sans
Typography
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.