Developer Style Guide

Typography

Headings and paragraphs

Heading Example

<h1></h1>

h1. heading

<h2></h2>

h2. heading

<h3></h3>

h3. heading

<h4></h4>

h4. heading

<h5></h5>

h5. heading

<h6></h6>

h6. heading

This is body copy. Default size is 28pt."Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is disclaimer text!Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is bold text! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists

  • List item 1
  • List item 2
  • List item 3
  • List item 4
    • List item 1
    • List item 2
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

Colors

Blue text color
hex:#00ACD5

Dark blue color
hex:#0033A0

Light blue color
hex:#00A4D2

Yellow color
hex:#F9D100

Green color
hex:#82BB20

Dark green color
hex:#008343

Red color
hex:#d12229

Orange color
hex:#F98F15

White color
hex:#fff

Black color
black

Grey color
#707070

Dark Navy color
hex:#000A6D

Background Colors

Standard blue background
hex:#00ACD5

Translucent background
rgba(0, 172, 213, 0.76)

Dark Blue background
hex:#0033A0

Light Blue background
hex:#00A4D2

Yellow background
hex:#F9D100

Green background
hex:#82BB20

Dark Green background
hex:#008343

Red background
hex:#d12229

Orange background
hex:#F98F15

Navy background
hex:#123C86

Black background
black

Grey Background
#808080

Table

Moneytree Idaho Consumer Loan Comparison Chart

  PAYDAY LOAN SIGNATURE LOAN TITLE LOAN AUTO EQUITY LOAN INSTALLMENT LOAN SIGNATURE INSTALLMENT LOAN
Loan Amount $1 - $1,000 $1 - $1,000 $1 - $500 up to $25,000 ** $100 - $5,000 $50 - $2,000
Cost $16.50 per $100 $22 per $100 $25 per $100 Daily Simple Interest 0.44% Daily Simple Interest 0.712% Daily Simple Interest 0.89%
Terms Available Next payday Next payday 30 days 12 months 12 months1 12 months1
No. of Payments 1 1 1 1 per payday 1 per payday 1 per payday
Renewal or Refinance Option? Yes Yes No Yes Yes Yes

Font Families

font-family:"PMNCaeciliaW01-46LightI";

font-family:"Myriad W01 Black

font-family:"Myriad W01 Black Cnd";

font-family:"Myriad W01 Black Cnd It";

font-family:"Myriad W01 Black It

font-family:"Myriad W01 Black Sm Cndp

font-family:"MyriadW01-BlackSmCndIt"

font-family:"Myriad W01 Bd";

font-family:"Myriad W01 Bd Cnd

font-family:"Myriad W01 Bd Cnd It";

font-family:"Myriad W01 Bd I";

font-family:"Myriad W01 Bd Sm Cnd";

font-family:"Myriad W01 Bd Sm Cnd It

font-family:"Myriad W01 Cnd

font-family:"Myriad W01 Cnd It

font-family:"Myriad W01 It";

font-family:"Myriad W01 Lt";

font-family:"Myriad W01 Lt It";

font-family:"Myriad W01 Lt Cnd

font-family:"Myriad W01 Lt Cnd It";

font-family:"Myriad W01 Lt Sm Cnd

font-family:"Myriad W01 Lt Sm Cnd It

font-family:"Myriad W01 Regular

font-family:"Myriad W01 Sm Cnd

font-family:"Myriad W01 Sm Cnd It

font-family:"Myriad W01 SmBd

font-family:"Myriad W01 SmBd Cnd

font-family:"Myriad W01 SmBd Cnd It

font-family:"Myriad W01 SmBd It

font-family:"Myriad W01 SmBd Sm Cnd

font-family:"MyriadW01-SmBdSmCndIt

Icons

Max Height of 150px width 100%

Icon of signed checks, with a pen.

Components

Buttons

Button
Button
Button
Button
Button
Button
Button

Forms

We'll never share your email with anyone else.

Stay in touch. Receive updates about Moneytree products, offers and promotions.

Error
Error
Error
Error
Subscribe

Copyright 2000 -  Moneytree, Inc. All Rights Reserved

P.O. Box 58266, Seattle, WA 98138