The Law Association

Global Preset Style Guide

TLA Website Layout Template

This global presets style guide is a great way to reference you brand and website elements for build and future development!

Color palette

#281713

#d0ac73

#e94f3e

#ff785b

#008bff

#fee6d5

Text styles

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Intro

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.

Section Headline

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.

Body

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.

Caption

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.

List

  • Bullet Point one
  • Bullet Point two
  • Bullet Point three
  • Bullet Point four
  1. Bullet Point one
  2. Bullet Point two
  3. Bullet Point three
  4. Bullet Point four

Block quote

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.

“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”

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Social Media Generation

Button modules

Primary Button 1

Primary Button 2

Secondary Button 3

Blurb modules

Blurb 1

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Blurb 2

Social Media

Lorem ipsum dolor sit amet, adipiscing elit, sed do

Blurb 1

Brand Design & Strategy

Lorem ipsum dolor sit amet, adipiscing elit, sed do eiusmod tempor incididunt ut

Blurb 2

Social Media

Lorem ipsum dolor sit amet, adipiscing elit, sed do

Blurb 3

Our Mission

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore

Blurb 4

Brand Design & Strategy

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

Blurb 5

}

Competitive Salary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Blurb 6

Branding

Blurb 7

Nullam Aliquam

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 aliqui

Email optin form module

Email optin form 1

Email optin form 2

Email optin form 3

Other modules

Person

Andrew Simpson <span style="font-style: 300">CA, BCom</span>

Andrew Simpson <span style="font-style: 300">CA, BCom</span>

Commercial & Finance Manager

Toggle 1

Toggle Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi nunc, facilisis sed erat sed, interdum suscipit nisl. Donec ut ligula sed dolor accumsan placerat. Ut sed felis vitae augue condimentum viverra. Praesent condimentum magna sit amet dui interdum sodales. Ut tincidunt ipsum leo, nec hendrerit odio

Social media follow

Testimonial 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Angel Witicker | ABC Law

Contact form

What membership type is right for you?

a. Lawyer Memberb. Qualified Membershipc. Contributing Memberd. Student Member
You are a qualified lawyer who has a current law degree and New Zealand
practising certificate.
You are a qualified lawyer who has a current law degree from any
university but do not have a current New Zealand practising certificate.
Contributing Member
You do not have a law degree but you work with lawyers.You are studying law to obtain a degree.
Loading...