Style Guide
Robert Laidlaw Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mattis orci. Pellentesque congue nulla sit amet velit vehicula auctor. Mauris eu orci vitae erat porta consequat sit amet vitae metus. In vehicula venenatis purus at lacinia. Nulla quis elementum magna.
Products & Services
Squarespace UI font
Search icon = decimal character \26b2 rotated 315 degrees
Code for the preceding object:
<style> p#menu-icon:before { font-family: 'squarespace-ui-font'; content: "\e030 "; /* Neuter icon */ font-style: normal; font-size: 30px; width: 32px; height: 32px; line-height: 32px; speak: none; font-weight: normal; font-smoothing: antialiased; text-align: center; display: inline-block; vertical-align: middle; } p#search-icon:before { font-family: 'squarespace-ui-font'; content: "\26b2 "; /* Neuter icon */ font-style: normal; font-size: 30px; width: 32px; height: 32px; line-height: 32px; speak: none; font-weight: normal; font-smoothing: antialiased; text-align: center; display: inline-block; vertical-align: middle; transform: rotate(315deg); /* IE 9 */ transform: rotate(315deg); /* Chrome, Safari, Opera */ transform: rotate(315deg); } </style> <p id="menu-icon">Menu icon = decimal character <strong>\e030</strong> </p> <p id="search-icon">Search icon = decimal character <strong>\26b2</strong> rotated 315 degrees</p>