H1

H2

h3

h4

Colors

Primary Secondary
Background Accent Highlight

Typography

Body Text – Gotham Web 21px 400

A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

[siteorigin_widget class=”WP_Widget_Custom_HTML”][/siteorigin_widget]
[siteorigin_widget class=”WP_Widget_Custom_HTML”][/siteorigin_widget]

Buttons

A graphical control element that provides the user a simple way to trigger an event, like redirecting to a new page, interaction with dialog boxes, or confirming an action. Buttons may be identified in the code by using either the tag button, or applying the button class to another tag (most typically an a tag).In most cases and to support UI/UX best-practices, buttons that offer simple links to another page or site should be replaced with text links, reserving the button tag for when an action is being taken or code executed.

Blockquotes

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text. Blockquotes have been programmed with shortcodes to maintain our standardization rules. Use the following shortcode in your text, and you will get a blockquote:Blockquotes may or may not include the following additional options:

  • cite – The source of your quote or information.
  • url – You can include a link to another site or page also. If used in conjunction with the ‘cite’ variable, the cite will be the link text. If on it’s own, the link will be shown.
  • color – Acceptable colors are blue, accent, and highlight.  These are identified in the style guide colors section above.
  • quote – Whether to place a quote symbol behind the text.
  • logo – Whether or not to place the word BRIDGE behind the text.
[blockquotes url=”http://43folderstech.net” quote=”yes” cite=”Said No One – Ever”]A blockquote is typically distinguished visually using a different typeface or smaller size quotation. It may or may not include a citation or links to other references.[/blockquotes][blockquotes color=”accent” quote=”yes” cite=”Said No One – Ever”]A blockquote can be an actual quote, in which case you may want to put the quote symbol behind it.[/blockquotes] [blockquotes color=”highlight” logo=”yes” cite=”Said No One – Ever”]A blockquote may even be used in a special context, where highlighting the brand or company name behind it makes sense.[/blockquotes]

Lists

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3
[siteorigin_widget class=”Inked_Accordion_SO_Widget”][/siteorigin_widget]