Style Guide

Colours

Brand Darkest Grey
Brand Dark Grey
Brand Grey
Brand Light Grey
Brand Lightest Grey
Brand Light Pink
Brand Pink

Typography

Cormorant Garamond Light

Cormorant Garamond Light Italic

Cormorant Garamond Regular

Cormorant Garamond Regular Italic

Futura PT Book
Futura PT Medium

Headings

Family is at the heart
of everything we do.


Family is at the heart
of everything we do.


Family is at the heart
of everything we do.


Family is at the heart
of everything we do.


Family is at the heart
of everything we do.

Family is at the heart
of everything we do.

Body Copy

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.

Article Copy

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.

Lists

  • List example
  • List example
  • List No Bullets example
  • List No Bullets example

Blockquote

"This is an example blockquote" - LogicSpot

Buttons & CTAs

Tabs

Large Tab
Large Tab
Small Tab
Small Tab
Small Tab

Icons

Forms









Text input

Text input active state

Tel input

Tel input active state

Email input

Email input active state

Textarea



Accordians

Accordian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sollicitudin diam posuere nisl ultricies tristique. Vestibulum a ante et orci fringilla bibendum. Donec vestibulum mattis nulla, in viverra tortor ultrices eu. Aenean accumsan eu nibh at semper. Fusce in ante pulvinar, vehicula metus vel, congue dolor. Etiam dignissim, risus quis pulvinar scelerisque, risus purus sollicitudin quam, in egestas ipsum nibh eu augue. Etiam id dolor dictum, condimentum sapien at, maximus nisi. Vestibulum maximus diam et sem ornare, tempus consectetur nunc efficitur. Quisque eu consequat est, sit amet posuere diam. Vivamus luctus dignissim ipsum, in scelerisque eros vulputate eget. Pellentesque sit amet finibus ipsum, non posuere massa. Sed magna lectus, condimentum vel nibh vitae, consequat tristique purus. Duis varius aliquet orci, et finibus turpis varius ut. Mauris pretium varius ex ut finibus. Proin non sagittis quam.

Donec non ornare dui. Vivamus purus odio, porttitor nec dapibus et, rutrum vel ligula. Mauris ac ornare eros. Morbi in bibendum lorem. Cras lectus dui, imperdiet id libero et, placerat consequat nisl. Quisque malesuada tincidunt posuere. Quisque feugiat dignissim nisi ac tempus. Donec hendrerit, metus non ornare rhoncus, tellus diam commodo mi, in molestie sapien elit nec leo. Maecenas iaculis convallis est, non tempor ligula facilisis at.

Nam ac leo scelerisque, pellentesque felis at, pretium neque. Curabitur mattis mi elit, ut elementum nibh facilisis sit amet. Vestibulum ut dui porta massa fermentum venenatis. Nullam sed nulla egestas, vehicula purus eget, tristique sapien. Morbi in suscipit massa. Vestibulum sit amet rutrum ex. Vestibulum sit amet nulla nisi. Vestibulum odio arcu, vestibulum et tincidunt ut, dictum a est. Sed sed erat a nibh tempor mollis eget nec elit. Fusce sollicitudin a dui sed bibendum. Etiam mattis lorem non risus aliquet accumsan.

Accordian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sollicitudin diam posuere nisl ultricies tristique. Vestibulum a ante et orci fringilla bibendum. Donec vestibulum mattis nulla, in viverra tortor ultrices eu. Aenean accumsan eu nibh at semper. Fusce in ante pulvinar, vehicula metus vel, congue dolor. Etiam dignissim, risus quis pulvinar scelerisque, risus purus sollicitudin quam, in egestas ipsum nibh eu augue. Etiam id dolor dictum, condimentum sapien at, maximus nisi. Vestibulum maximus diam et sem ornare, tempus consectetur nunc efficitur. Quisque eu consequat est, sit amet posuere diam. Vivamus luctus dignissim ipsum, in scelerisque eros vulputate eget. Pellentesque sit amet finibus ipsum, non posuere massa. Sed magna lectus, condimentum vel nibh vitae, consequat tristique purus. Duis varius aliquet orci, et finibus turpis varius ut. Mauris pretium varius ex ut finibus. Proin non sagittis quam.

Donec non ornare dui. Vivamus purus odio, porttitor nec dapibus et, rutrum vel ligula. Mauris ac ornare eros. Morbi in bibendum lorem. Cras lectus dui, imperdiet id libero et, placerat consequat nisl. Quisque malesuada tincidunt posuere. Quisque feugiat dignissim nisi ac tempus. Donec hendrerit, metus non ornare rhoncus, tellus diam commodo mi, in molestie sapien elit nec leo. Maecenas iaculis convallis est, non tempor ligula facilisis at.

Nam ac leo scelerisque, pellentesque felis at, pretium neque. Curabitur mattis mi elit, ut elementum nibh facilisis sit amet. Vestibulum ut dui porta massa fermentum venenatis. Nullam sed nulla egestas, vehicula purus eget, tristique sapien. Morbi in suscipit massa. Vestibulum sit amet rutrum ex. Vestibulum sit amet nulla nisi. Vestibulum odio arcu, vestibulum et tincidunt ut, dictum a est. Sed sed erat a nibh tempor mollis eget nec elit. Fusce sollicitudin a dui sed bibendum. Etiam mattis lorem non risus aliquet accumsan.

Accordian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sollicitudin diam posuere nisl ultricies tristique. Vestibulum a ante et orci fringilla bibendum. Donec vestibulum mattis nulla, in viverra tortor ultrices eu. Aenean accumsan eu nibh at semper. Fusce in ante pulvinar, vehicula metus vel, congue dolor. Etiam dignissim, risus quis pulvinar scelerisque, risus purus sollicitudin quam, in egestas ipsum nibh eu augue. Etiam id dolor dictum, condimentum sapien at, maximus nisi. Vestibulum maximus diam et sem ornare, tempus consectetur nunc efficitur. Quisque eu consequat est, sit amet posuere diam. Vivamus luctus dignissim ipsum, in scelerisque eros vulputate eget. Pellentesque sit amet finibus ipsum, non posuere massa. Sed magna lectus, condimentum vel nibh vitae, consequat tristique purus. Duis varius aliquet orci, et finibus turpis varius ut. Mauris pretium varius ex ut finibus. Proin non sagittis quam.

Donec non ornare dui. Vivamus purus odio, porttitor nec dapibus et, rutrum vel ligula. Mauris ac ornare eros. Morbi in bibendum lorem. Cras lectus dui, imperdiet id libero et, placerat consequat nisl. Quisque malesuada tincidunt posuere. Quisque feugiat dignissim nisi ac tempus. Donec hendrerit, metus non ornare rhoncus, tellus diam commodo mi, in molestie sapien elit nec leo. Maecenas iaculis convallis est, non tempor ligula facilisis at.

Nam ac leo scelerisque, pellentesque felis at, pretium neque. Curabitur mattis mi elit, ut elementum nibh facilisis sit amet. Vestibulum ut dui porta massa fermentum venenatis. Nullam sed nulla egestas, vehicula purus eget, tristique sapien. Morbi in suscipit massa. Vestibulum sit amet rutrum ex. Vestibulum sit amet nulla nisi. Vestibulum odio arcu, vestibulum et tincidunt ut, dictum a est. Sed sed erat a nibh tempor mollis eget nec elit. Fusce sollicitudin a dui sed bibendum. Etiam mattis lorem non risus aliquet accumsan.