This minisite focuses on the paleo diet and paleo-friendly recipes. The paleo diet cuts out grains, sugar, and processed foods from a meal. This leaves room for more fruits, vegetables, and meat that mimic the diet of our ancestors thousands of years ago before the agricultural revolution. There are three main categories: meats, salads, and fermented foods. Within these three categories are three recipes. This website is monochromatic blue because it is simple and the colors do not clash together. It gives a friendly and inviting feel to the website and isn’t too bright or make the text unreadable. These images were taken directly from Paleo Leap, a great website with delicious paleo-friendly recipes. The primary menu bar at the top shows the three categories while the left shows the recipes. Using the information from Smashing Magazine’s article “Efficiently Simplifying Navigation Systems”, a primary menu bar with a secondary left navigation bar was the simplest solution to convey top-level and secondary-level information. The typefaces used are Open Sans and PT Sans. These fonts are one of the most widely used fonts by Google. These are easy to read and seemed like the most user-friendly fonts.
HTML5 Up! is a great website for free templates of responsive websites. It’s also a fantastic place to get simple layout ideas and see what simple HTML5 can offer. Frameworks and grid systems can be confusing to work with at first, but Skeleton is one of the simplest and easiest to understand. It has less than 200 lines of CSS and will work for almost all simple projects. Most mobile-first sites do not have print-friendly pages, but this article from A List Apart titled “CSS Design: Going to Print” details how to make a page print-friendly using CSS.