Formatting

Colours:

Dark green on folder in header: #264316
Mid green:#589B37 on circular logo and main header area
Pale green on nav:#6AB446
Orange:#FF9834

Default blockquote

Sin est etiam corpus, ista explanatio naturae nempe hoc effecerit, ut ea, quae ante explanationem tenebamus, relinquamus.”

John Smith, Landlord

Parliament quote <div class=”parliament”>

11 Payment of removal expenses in certain cases. This is a test to check the text does not run over the icon

(1) Where a court makes an order for possession of a dwelling-house let on an assured tenancy on Ground 6 or Ground 9 in Schedule 2 to this Act (but not on any other ground), the landlord shall pay to the tenant a sum equal to the reasonable expenses likely to be incurred by the tenant in removing from the dwelling-house.(2) Any question as to the amount of the sum referred to in subsection (1) above shall be determined by agreement between the landlord and the tenant or, in default of agreement, by the court.(3) Any sum payable to a tenant by virtue of this section shall be recoverable as a civil debt due from the landlord.

Housing Act 1988

Case law quote <div class=”case-law”>

In legal matters, some degree of certainty is at least as valuable a part of justice as perfection.

Per Lord Hailsham of St Marylebone LC in Cassell & Co Ltd v Broome and another [1972] 1 All ER 801:

Letter or legal document <div class=”letter-doc”>

Dear

Re: [property address]

It has recently come to my attention that your deposit was not protected properly. I apologise for this. I therefore propose to refund the deposit money to you. However as you are currently in arrears of rent of £[rent arrears], you may prefer me to offset this sum against your rent arrears.

If you would like this, can you please sign and date the copy letter provided, at the bottom and then return it to me in the enclosed stamped addressed envelope, as soon as possible.

I will then credit this sum to your rent account [and send a cheque to you of £B for the balance]

Yours faithfully

etc

Signed ……………………………. Dated …………………………..

Case study
<div class=”case-study-grey”>
Also available in orange and green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tellus tellus, porta non suscipit eget, convallis eget elit. Curabitur molestie finibus massa id porttitor. Maecenas tempor molestie est at sodales. Vestibulum ut ante nec massa porta venenatis.

Case study – dashed border
<div class=”case-study-grey-dotted”>
Also available in orange and green

Tip
<div class=”tip-blue”>
Also in green and orange

Aliquam nec lorem at augue imperdiet luctus. Praesent imperdiet orci at augue tristique sodales. Curabitur at lectus eget erat fringilla tempor vitae sed ipsum. Cras condimentum est eget massa pellentesque sodales. Ut et volutpat elit, quis porta ante. Nullam interdum interdum lorem. Sed quis tortor dolor. Curabitur rhoncus scelerisque scelerisque.

Info boxes

Use tag class “info-box” to make a pull out box.

Here’s an example <div class=”info-box”>

Here’s an example with green tick <div class=”info-box-tick-green”>

Here’s an example with orange exclaim <div class=”info-box-exclaim-orange”>

Here’s an orange box <div class=”info-box-orange”>

Here’s a green box <div class=”info-box-green”>

Here’s a brown box <div class=”info-box-brown”>

Here’s a blue box <div class=”info-box-blue”>

Orange button

› Find out more

Orange button 2

› Find out more

Green button

› Find out more

Brown button

› Find out more

Course back

Back to kit index ›

Lists

Default bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Spaced bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Green bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Grey bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Orange bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Spanner bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Green tick square bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Green tick circle bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Green tick circle bullets – small

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Red cross circle bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Red cross circle bullets – small

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Orange question bullets

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Orange circles list

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Green circles list

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Blue circles list

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.

Brown circles list

Morbi varius nisl quis lorem auctor, sed vestibulum tortor tempus.
Morbi placerat justo et elit elementum placerat.
Nunc placerat purus id maximus placerat.
Curabitur sit amet dolor vitae nisl suscipit imperdiet.