Theme Styles
Symbols
Return to Home

Lawyer Lookup Site Style Guide

This design guide has been included to ensure consistency across all Lawyer Lookup pages and respective assets. When adding, removing our building out entirely new pages and assets, refer to this guide to ensure consistent brand cohesion.

Colors

Primary Colors

Primary 1
#003AE2

Secondary Colors

Secondary 1
#104CCA
Secondary 2
#F2F5FF
Secondary 3
#FFDE6A
Secondary 4
#FFFEFA
Secondary 4
#FF6969

Neutral Colors

Neutral 800
#171728
Neutral 700
#33334E
Neutral 600
#686781
Neutral 500
#8C8C9E
Neutral 400
#AEAEC4
Neutral 300
#E4E4ED
Neutral 200
#FAFAFA
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 46px/1.348em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 32px/1.438em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.625em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.273em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.444em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.500em

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.

Paragraph Small - 15px/1.600em

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.

Paragraph Default - 16px/1.750em

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.

Paragraph Large - 24px/1.583em
Link - Lorem ipsum dolor sit amet
Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
“Lorem ipsum dolor sit amet, consectetur adipisg lit. Amet a mattis arcu nunc eu porttitor lamcorper”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Rich Text - Job Board X Webflow Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure and Figure Caption

Icons

Icons

Job Board X Webflow Template - WebclipSearch Icon - Job Board X Webflow TemplateUser Icon - Job Board X Webflow TemplatePremium Icon - Job Board X Webflow TemplateBuilding - Job Board X Webflow TemplateInfo Icon - Job Board X Webflow TemplatePhone Icon - Job Board X Webflow TemplateEmail Icon - Job Board X Webflow TemplateSupport - Job Board X Webflow TemplateBuildings - Job Board X Webflow TemplateGraph Icon - Job Board X Webflow TemplateLocation - Job Board X Webflow TemplatePortfolio - Job Board X Webflow Template

Icon font

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Cards

Card Default

In hendrerit gravida rutrum quisque nonollis nunc sed id semper risus in hendrerit mpus urna et pharetra pharetra massa.