CoreBridge Style Guide (2019+)

In 2019 CoreBridge completed a re-brand and as part of that re-brand of all marketing materials, typography, color schemes, power point slides, etc. were updated. It is important that we maintain a consistent look and feel to anything that is shared with the public.

TABLE OF CONTENTS

• Branding Guides
• Support Article Styling
  • Best Practices
  • Screenshot & Video Highlights
  • Fonts & Sizing
  • Freshdesk Learning Resources
• Attachments

Branding Guides

• CoreBridge Logo Usage

  This document contains guidelines on usage of the logo, acceptable color combinations, spelling of the company name, etc.
   

• CoreBridge Detailed Brand Style Guide 2019

  This document provides a detailed listing of all acceptable color palettes, fonts, textures, slides, etc.

Note: See attachments on the article for copies of these guides. 

Support Article Styling

Best Practices

These help to keep the formatting consistent and it also allows us to change a quite a bit of the style of the articles overtime with CSS edits site-wide without having to modify each article manually.

• Use the format toolbar styling for Headings, Normal, Quotes, and Code.
• White space between steps, paragraphs, headings, sections, images, etc. is important. Please add space so that things are not as cluttered/busy.
  • Do not use H1 headings in any articles. 
  • For H2 & H3 headings there should be (2) blank lines between the end of the section and the start of a new one.

    <p>
      <br>&nbsp;
      <br>&nbsp;
    </p>

    Tip: In order to insert a blank line you have to press SHIFT + ENTER then hit the SPACEBAR once which will insert a space. Repeat this process again to insert a 2nd line. If you fail to do this then Freshdesk will automatically reformat the page and remove any extra white space you've added. Alternatively, you can click the </> button on the toolbar to edit the HTML source of the page. You can insert blank lines by pasting in the HTML supplied above.
     

• Use bulleted or numbered lists instead of typing the numbers.

• Insert a blank line between all numbered and bulleted lists values if your list contains screenshots. This helps to improve readability.
  Tip: Shift + Enter will insert a blank row without creating another bullet. Also, when you insert a blank line you have to hit the spacebar once to insert a space before inserting another blank line. If you fail to do this then Freshdesk will automatically reformat the page and remove the extra white space you've added.
  
  

  1. 

  
  

  2. 

    a.

    b. 

    c.

  
  

• Only single spaces between the end and beginning of a new sentence.

• Do not indent the beginning of a new paragraph.

• All sentences should have the appropriate punctuation.

• Use the indent toolbar functions when appropriate and avoid using excessive blank spaces for indenting whenever possible.

• Any mentions Note:, Tip:, For Example:, For Instance:, etc. should be placed on a separate line except for cases where the formatting does not allow for it.
  Note: Just like this one for example.

• All screenshots should not contain any logos, system URLs, or other identifying system information unless absolutely necessary. This helps to reduce rework if we change things in the future.

• Screenshots, videos, etc. should be created on a system that does not contain "test" information. i.e. Test Company 1, Blah blah blah Company, and so forth. The screenshot should include information that looks "real" but doesn't actually use any copyrighted information. 

• All screenshots and videos should be done in a minimum desktop resolution of 1920 x 1080. Screenshots should not be resized into smaller image constraints. Freshdesk allows you to scale the images smaller for display in the article by using the image formatting toolbar. The benefit of using this is that users can click on the image to see the hi-res image / video for increased clarity. 

• If the article contains many sections and is lengthy, utilize the TOC icon on the toolbar to insert a table of contents. This allows users to quickly jump to each section.

Screenshot & Video Highlights

• Use color #1B9AD7 to highlight any sections which is a bright blue from pg 9 of the detailed guide. This applies to any drawn boxes, arrows, numbers, etc.
  

Fonts & Sizing

• Keep the default of Helvetica Neue as the font on any solution articles. 
• Keep the default of 13 PT as the font size on any solution articles. 

Note: Please avoid using other font families & sizes as much as you can as these will diminish our ability to control the font family enmasse via CSS.

Freshdesk Learning Resources

• FAQ's - https://support.freshdesk.com/support/solutions/folders/272620
• Articles - https://support.freshdesk.com/support/solutions/50000000015 

Formula Reference Styling

• For field/input type background use color code #ebedf0
• For subtext use 10 pt font size. i.e. (Optional)
• For top level use H1. i.e. Functions
• For 2nd level use H2. i.e. Dates, Durations, Lists, etc. 
• For 3rd level use H3. i.e. Date, ToDate, MinDate, Days, etc. 
• For INPUT and RETURNS use Normal, ALL CAPS, BOLD.
• Insert a horizontal line after every function. 
• Always insert 1 blank line between a table of data and the text after it. 
• Always insert 2 blank lines between one function and the next.

Attachments