Style Guide 

This style guide contains a thorough overview of the Good Cents Bookkeeping brand elements and guidelines. Try to apply these guidelines to all company documents both internally and externally whether you are laying out a text document or webpage. Presenting brand elements with a unified design also helps build trust in the client through consistency.  As more elements are created for the Good Cents Bookkeeping brand, remember to add them here.

A NOTE ON TEXT LENGTH

Notice that no text spans the entire width of the page. This is intentional because the optimal line length for the eye is only 6-10 words long.  The main paragraph font size on this website is 16 to accommodate for audiences of all ages on different mediums.  It is ideal to layout out the content in an easily to skim format and to provide space around links and buttons to make it easy to click. 

STRATEGIES TO HELP READERS ABSORB YOUR CONTENT INCLUDE UTILIZING:
  • Bullet points
  • Numbered lists
  • Concise copy
  • Relevant, non stock graphics
  • Plenty of white space
  • Subheadings

HEADING STYLES

HEADING 1

Heading 1: font is Raleway, weight bold, size 30, line height 37.5, color #141414 (flat black), letters are uppercase, a short separator follows the heading, both are centered.

HEADING 2

Heading 2: font is Raleway, weight 600, size 24, line height 33, color #141414 (flat black), letters are uppercase, a short separator follows the heading, both are centered.

HEADING 3

Heading 3: font is Raleway, weight 600, size 20, line height 28, color #141414 (flat black), letters are uppercase, a short separator follows the heading, both are centered.

HEADING 4

Heading 4: font is Raleway, weight 600, size 20, line height 28, color #47ac96 (light mint), letters are capitalized (not all uppercase), a short separator follows the heading, both are centered.

HEADING 5

Heading 5: font is Raleway, weight 600, size 16, line height 26, color #141414 (flat black), letters are uppercase, left-centered no separator here.

HEADING 6

Heading 5: font is Raleway, weight 600, size 16, line height 26, color #47ac96 (light mint), letters are uppercase, left-centered no separator here.

PARAGRAPH (MAIN BODY FONT)

Paragraph font is Raleway, weight 500, size 16, line height 26, color #141414 (flat black), letters are capitalized (not all uppercase), not used for headers.

HIGHLIGHT

Highlight text that you want to stick out like a definition or whatever you like!  This is what it looks like to highlight text on this website. .

LINKS

The general rule for linking is for links going to another website, check the box called “Open link in a new window/tab” so that visitors will return to your website when they close that other site out. Links to content on your website need not open in a new window/tab. This is what a link looks like on this site. It gets darker when you hover the mouse over it.