Style

HTML Heading Tags

Typography Stylings

Color Parret

HTML Heading Tags

Heading1

Heading2

Heading3

Heading4

Heading5

Heading6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Typography Stylings

hero-heading1

Hero Heading1

Heading Style1

Heading1

Heading Style2

Heading Style H2

Heading Style H3

Heading Style3

Heading Style H4

Heading Style5

Heading Style H6

Heading Style6

Section Label

office

line-height-2

東京都〇〇区1丁目1番1号〇〇ビル〇階

Color Parret

#33443d

#FFF6D1

#000000

Background-Colors

#33443d

#F8F8F8

#000000

Buttons

button-primary

Button

button-secondry

Text-Colors

#0a6fc8

text-color-blue

#1f2933

text-color-black

#667085

text-color-gray

#ffffff

text-color-white

This is some text inside of a div block.

#c2143d

text-color-red

Text Sizes

text-size-large

text-size-medium

text-size-regular

text-size-small

text-bold

Form Content

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Rich Text

Heading 2

Heading 1

Heading 3

Heading 4

Heading 5

Heading 6

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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Text Link Text Link

Margins

Utility spacing system - padding classes. [margin-direction] + [margin-size].

Direction Classes

margin-bottom

margin-top

margin-vertical

margin-horizontal

margin-left

margin-right

Size Classes

Heading

margin-0

margin-tiny

margin-xxsmall

margin-xsmall

margin-small

margin-medium

margin-large

margin-xlarge

64px

margin-xxlarge

80px

margin-huge

96px

margin-xhuge

128px

margin-xxhuge

192px

margin-custom1

margin-custom2

margin-custom3

Paddings

Utility spacing system - padding classes. [padding-direction] + [padding-size].

Direction Classes

padding-bottom

padding-top

padding-vertical

padding-horizontal

padding-left

padding-right

Size Classes

padding-0

padding-tiny

padding-xxsmall

padding-xsmall

padding-small

padding-medium

padding-large

padding-xlarge

padding-xxlarge

padding-huge

padding-xhuge

padding-xxhuge

padding-custom1

padding-custom2

padding-custom3