Headings – Inria Serif

This text is here as a visual reference to display the default H1 heading font.

This text is here as a visual reference to display the default H2 heading font.

This text is here as a visual reference to display the default H3 heading font.

This text is here as a visual reference to display the default H4 heading font.

This text is here as a visual reference to display the default H5 heading font.

This text is here as a visual reference to display the default H6 heading font.

Body Text – Cabin

This text is here as a visual reference to display the default paragraph font. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper. Pharetra torquent auctor metus felis nibh velit. Natoque tellus semper taciti nostra. Semper pharetra montes habitant congue integer nisi. Nullam magnis nulla maximus integer primis vivamus

Pretium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper blandit nibh aliquam metus morbi cras magna vivamus per risus. Dapibus imperdiet praesent magnis congue gravida magna netus. Inceptos iaculis suscipit taciti primis tempor aptent.

Color Palette

Contrast

Contrast-2

Contrast-3

Base

Base-2

Base-3 (white)

Accent

Accent-2

Accent-3

Buttons

Primary Button Secondary Button

Global Styles

This site uses some of the default GenerateBlocks Pro Global Style Classes, as well as these additional global style classes:

.gbp-section-hero

Used for page heroes that require less top padding than the main section class

.gbp-section__text–sm

Smaller paragraph text for dates, meta, footer text, etc.

.gbp–border

Adds a white border to the containers with portfolio images in them.

.gbp–highlight

Adds an underline to any highlighted text when you add the class “highlight” to a block.

.gbp-image–hover

Adds an opacity filter when images with a link are hovered.

*Photos by Mimi Thian at Unsplash