Centigram

Typography

Heading <h1> 4.6rem (46px)

Heading <h2> 3.6rem (36px)

Heading <h3> 2.8rem (28px)

Heading <h4> 2.2rem (22px)

Heading <h5> 1.8rem (18px)
Heading <h6> 1.6rem (16px)

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Obcaecati error a, quas fugit hic, accusantium autem necessitatibus praesentium placeat, iusto et soluta expedita! Quisquam repellendus voluptatem, tempora iste culpa fuga, !

Quisquam nobis, ad. Iusto, repudiandae. Autem ipsa blanditiis, quae, fugit nobis perspiciatis in beatae vitae numquam illo, architecto hic dolor molestiae aliquid.

Blockquotes

Yeah!! Centigram is amazing.

Yeah!! Centigram is amazing.

Code

.centigram {
  color: #9b4dca;
}

Notifications

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

  • Lorem ipsum dolor sit amet
  • Consectetur adipisicing elit

Buttons

Default Button Outlined Button Clear Button Default Button Outlined Button Clear Button
Default Button
Outlined Button
Clear Button
Default Button
Outlined Button
Clear Button

Lists

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
    • Unordered list item 3.1
    • Unordered list item 3.2
    • Unordered list item 3.3
  • Unordered list item 4
  • Unordered list item 5
  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
    1. Ordered list item 3.1
    2. Ordered list item 3.2
    3. Ordered list item 3.3
  4. Ordered list item 4
  5. Ordered list item 5
Item 1
Description list item 1
Item 2
Description list item 2
Item 3
Description list item 3
Item 4
Description list item 4

Forms

Legend

Tables

Name Position Height Born Location
Steve Kerr Coach 1,91 September 27, 1965 Beirut, Lebanon
Stephen Curry Point Guard 1,91 March 14, 1988 Akron, OH
Klay Thompson Small Forward 2,01 February 8, 1990 Los Angeles, CA
Draymond Green Power Forward 2,01 March 4, 1990 Saginaw, MI
Andre Iguodala Small Forward and Shooting Guard 1,98 January 28, 1984 Springfield, IL
Shaun Livingston Point Guard and Shooting Guard 2,01 September 11, 1985 Peoria, IL

Grids

100%
10%
90%
20%
80%
25%
75%
33%
67%
40%
60%
50%
50%
60%
40%
67%
33%
75%
25%
80%
20%
90%
10%
100%
90%
10%
80%
20%
75%
25%
67%
33%
60%
40%
50%
50%
40%
60%
33%
67%
25%
75%
20%
80%
10%
90%
100%
50%
50%
33.3%
33.3%
33.3%
25%
25%
25%
25%
20%
20%
20%
20%
20%
16.6%
16.6%
16.6%
16.6%
16.6%
16.6%
14.28%
14.28%
14.28%
14.28%
14.28%
14.28%
14.28%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
10%
10%
10%
10%
10%
10%
10%
10%
10%
10%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
50%
50%
25%
25%
25%
25%
25%
25%
25%
25%
50%
50%
25%
25%
25%
75%

Utilities

Float to left

Float to right