Jonnys Foodie Blog

Design Style

The theme for this template follows four primary colours only:

#e5e5db as a light colour for cards and body,

#f8f8f8 as an off white for backgrounds,

#ff2222 as a red accent colour,

#000 for text.

♦♦♦

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Headings follow a natural regression in scale and weight from h1 to h6.

♦♦♦

The three diamonds represent a divider inline with the theme of this project.

♦♦♦

Short paragraph text.

Long paragraph text. Porchetta turducken leberkas, tenderloin fatback pork chop alcatra landjaeger pancetta shank prosciutto sirloin andouille biltong tongue. Leberkas porchetta shoulder beef ribs chislic boudin ham hock.

Both short and long para text is styled the same, where the longer text wraps after reaching the width of parent container.

♦♦♦

Hamburger pork belly venison frankfurter burgdoggen chicken tongue meatball flank capicola turkey drumstick. Doner ham hock corned beef cow, kielbasa frankfurter pork belly turducken biltong landjaeger.

Placeholder text uses the 'Bacon Ipsum' format (see readme.md).

♦♦♦

Hamburger pork belly venison drumstick. Doner ham hock corned beef cow.

Single images alone have 15px border radius and 100% width.

Images can optionally feature a caption using the 'caption' class on a p tag.

♦♦♦

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor iusto, accusantium quae natus, autem commodi perferendis nobis dignissimos recusandae impedit quidem vero vel.

Use block quotes for quotes - block quotes are italicised and have a small font-size. Blockquotes are also offset from the left.

♦♦♦

Girl in a jacket
Girl in a jacket
Girl in a jacket

Grid images have 15px border radius and exist in threes.

♦♦♦