Overview
Purpose
To provide a simple, easy to understand, and informative way to learn to code, play around with coding, and share what people have made.
Audience
People desiring a start to coding, somebody continuing their journey in coding, someone wanting to just play around with some coding, or someone wanting to view someone else's program that they made.
Branding
Website Logo
![Genius Coding logo](images/final-logo.png)
Style Guide
Color Palette
Palette URL: https://coolors.co/676767-ffff64-10d15a-202020-fefefe
Primary | Secondary | Accent 1 | Accent 2 | Other Color |
---|---|---|---|---|
[#676767] | [#FFFF64] | [#10D15A] | [#202020] | [#FEFEFE] |
Typography
Heading Font: Play Bold
This font looks to me like a coding style font. Not one you would code in, but one that makes me think of code or coding. It is also bold and so it makes it seem more like a header font.
Paragraph Font: Nova Mono
This font is skinny, kind of fancy, and it also reminds me of coding. Though surprisingly, it could be used as a coding font, since it is monospace.
Normal paragraph example
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit incidunt magnam modi voluptatem voluptates. Voluptas totam, provident corporis voluptate ducimus odio minus reprehenderit facere alias, soluta illum facilis? Nam vitae accusamus ex unde quia eveniet, laboriosam iste, aspernatur obcaecati, quam minus ipsum quis. Saepe delectus error voluptas? Obcaecati, eius ab?
Colored paragraph example
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Qui, minima! Quos dolor reprehenderit cupiditate maxime nemo corporis deserunt quam, itaque sit ipsum dolore sint explicabo, veniam fugiat nostrum hic aperiam consequatur soluta quibusdam ipsam qui expedita alias libero? Enim cum iusto minus sit voluptates nisi blanditiis, maxime minima laboriosam sunt!
Navigation
Site Map
Coming soon ...
Wireframes
Click here for the wireframe project on wireframe.cc