Colors


Typography


Titles & Headings

Color: #404040

Primary Font
Century Gothic Pro (Typekit)

Heading 1 - Bold, 48px

Heading 2 - Bold, 40px

Heading 3 - Bold, 36px

Heading 4 - Bold, 30px

Heading 5 - Bold, 24px
Heading 6 - Bold, 22px
Body Text
Proxima Nova (Typekit)

Color: #696969

Link Color: #DD002D

Paragraph - Bold Italic Hyperlink

Font-size: 18px – Line-height: 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed urna sed neque blandit gravida vitae bibendum dictum, nisl nisi.

  • Unordered list
  • Unordered list
  1. Ordered list
  2. Ordered list

Buttons


Styling
Century Gothic Pro Bold

Primary Button

Send Your Message

Secondary Button

Load More

No Border Button

Send Your Message

Forms


Please enter your full name.
http://

Notices

These are our basic notice styles. Make updates in the "framework/notices.scss" file.

Success Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Info Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Warning Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Error Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.


Tables

These are our table styles. Make updates in the "framework/tables.scss" file.

Col 1 Col 2 Col 3 Col 4
Row 1 / Col 1 Row 1 / Col 2 Row 1 / Col 3 Row 1 / Col 4
Row 2 / Col 1 Row 2 / Col 2 Row 2 / Col 3 Row 2 / Col 4
Row 3 / Col 1 Row 3 / Col 2 Row 3 / Col 3 Row 3 / Col 4
Row 4 / Col 1 Row 4 / Col 2 Row 4 / Col 3 Row 4 / Col 4
Col 1 Col 2 Col 3 Col 4


Modals

These are our modal styles. Make updates in the "framework/modals.scss" file.


Accordions

These are our accordion styles. Make updates in the "framework/accordions.scss" file.

This is an accordion header.
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.
This is an accordion header.
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.
This is an accordion header.
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.

Tabs

These are our tab styles. Make updates in the "framework/tabs.scss" file.

Do do adipisicing adipisicing ut fugiat culpa consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. Pariatur incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea. Laboris nisi adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur. Fugiat cupidatat commodo magna et aliqua elit sint cupidatat dolor sint aute ullamco.
Aliqua proident occaecat do do. Adipisicing ut fugiat culpa consequat. Ullamco aute sunt esse adipisicing irure excepteur eu non eiusmod occaecat commodo commodo. Ad ipsum elit esse pariatur sit adipisicing sunt excepteur. Nostrud pariatur incididunt duis commodo mollit esse veniam.

Tooltips

These are our tooltip styles. Make updates in the "framework/tooltips.scss" file.



Cards

Primary Card

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing.

Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing.

Card media
Secondary Card

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Card media

Primary Hover

This is a card title

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Secondary Hover

This is a card title

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Tertiary Hover

This is a card title

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Primary Hover

This is a card title

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

Secondary Hover

This is a card title

Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.

This is a card title

At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project. With this knowledge our architects are better able to understand the true mission of the task and better equipped to offer smarter solutions for any environment, from spatial designs and material selections to construction sequencing and lighting strategies.

This is a card title

At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project. With this knowledge our architects are better able to understand the true mission of the task and better equipped to offer smarter solutions for any environment, from spatial designs and material selections to construction sequencing and lighting strategies.

At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.

Learn More

A card title

At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.

Learn More

Another card title

At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.

Learn More

This is a card title


Responsive Embeds

We offer a utility style for responsive embeds. For this and other utility classes, checkout out the "framework/utilities.scss" file.


Pagination

These are our pagination styles. Make updates in the "framework/pagination.scss" file.






Icons

We use Font Awesome as our default icon font. For more icons and documentation, visit http://fortawesome.github.io/Font-Awesome/

Or, to generate your own icon set, you may use the IcoMoon App.


Loading Elements

These are our built-in options to add loaders to a section or page. Make updates in the "loading.scss" file.


Social Sharing

We have some built-in functions that make use of data attributes to make sharing on common social networks easier. You can find out more by viewing the "lib/wl-share.js" file.


Favicons

These are our website favicons and app icons.


iPad 3 Retina (144x144)


iPhone 4 Retina (114x114)


iPad (72x72)


iPhone Apple Touch (57x57)


Favicon Retina (32x32)


Favicon (16x16)