Page 1

Digital Display These guidelines are here to help you develop the most effective digital conversion campaigns. They contain both best practice examples from Lloyds Bank digital campaigns, as well as a technical style guide for assembling your banner. You must use these principles and rules if you wish to ever use dynamic templates to deliver the requirements on your individual brief or testing plan. Think of these as the skeleton towards the best practice of building your creative.

1


Index X X

Global Elements Logo Lockups

Brand | Products | Club Lloyds | Icon X X-X X-X X-X X-X

Brand ID Mortgages (Voice of the Customer) Loans (Voice of the Bank) Icon (Voice of the Bank) Club Lloyds (Voice of the Bank)

X X X X X

Technical Style-Guide Format : MPU (300x250) MPU - First Frame MPU - Copy Frame MPU - End Frame

X X X X

Format : Skyscraper (160x600) Skyscraper - First Frame Skyscraper - Copy Frame Skyscraper - End Frame

X X X X

Format : Leaderboard (728x90) Leaderboard - First Frame Leaderboard - Copy Frame Leaderboard - End Frame

X X X X

Format : Mobile (320x480) Mobile - First Frame Mobile - Copy Frame Mobile - End Frame

X X X X

Format : Mobile (300x50) Mobile - First Frame Mobile - Copy Frame Mobile - End Frame

2


Global Elements Typography

Digital Colour Palette

Primary Colours

Secondary Colours

Lloyds Bank Jack

Light Regular Medium Bold

Headline Live text

Lloyds Bank Racing Green RGB: 2 71 49 Hex: #024731

Lloyds Bank Blue RGB: 33 120 176 Hex: #2178b0

Lloyds Bank Orange RGB: 210 71 2 Hex: #d24702

CTA can allow for a shimmer animation overlay. If the copy is too long, the font size can be reduced to fit within the CTA box.

Body copy Live text Strap line Live text

Lloyds Bank Coated Core Green RGB: 0 106 77 Hex: #006a4d

Lloyds Bank Dark Blue RGB: 0 41 115 Hex: #002973

Lloyds Bank Sand RGB: 200 216 130 Hex: #c8d882

CTA (Loans, Mortgages, Icons): Lloyds Bank Jack Bold Colour: #FFFFFF Button colour: # 77b800

CTA (Club Lloyds): Lloyds Bank Jack Bold Colour: #FFFFFF Button colour: #b21d3f

Assets

Legals copy Live text Tables based creative PNG layer - no live text CTA Live text

Lloyds Bank Apple Green RGB: 119 184 0 Hex: #77b800

Lloyds Bank Purple RGB: 72 20 104 Hex: #481468

Lloyds Bank Muted Green RGB: 45 130 89 Hex: #2d8259

Icon based creative PNG layer - no live text ‘For your next step’ border lockup PNG layer - no live text

Black RGB: 30 30 30 Hex: #1e1e1e

Lloyds Bank Red RGB: 220 42 77 Hex: #dc2a4d

Lloyds Bank Grey RGB: 107 119 124 Hex: #6B777C

White RGB: 255 255 255 Hex: #ffffff

3


For Prod

Logo Lockups Brand and Product

Applies to all frames for Brand and Product, including: Business Channel Islands Credit Cards Expats Icons GI Loans Mortgages Rapid Car PCA (non Club Lloyds) 728x90 30px Logo 90x90 px

320x480

160x600

300x250

Logo 90x90 px

30px

10px 12px

15px

300x50 17px Logo 50x50 px

Border strip colour: #006a4d Opacity: 80% 1px border

Logo 90x90 px

30px

90px

10px 12px Logo 90x90 px

30px

10px 12px

15px

4


For Prod

Logo Lockups Club Lloyds: First Frame

Club Lloyds: Copy Frame(s) and End Frame

Border strip colour: #006a4d Opacity: 80% 1px border

Border strip colour: #006a4d Opacity: 80% 1px border

728x90

728x90

Logo 90x90 px

320x480

160x600

300x250

Logo 90x90 px

Logo 90x90 px

320x480

160x600

300x250

Logo 90x90 px

30px

30px

300x50

300x50 Logo 50x50 px

Logo 90x90 px

160x130

30px

Logo 50x50 px

Logo 90x90 px

160x130

Logo 90x90 px

30px

Logo 120x120 px

Notes - Club ID can be applied to any banner featured in the style-guide (refer to pages 16-17)

5


Best Practice Examples In this section you will find our recommendation of best practice examples of a handful of Lloyds Bank digital conversion banners – displayed in the two key visual IDs (Brand and Club Lloyds). This should help bring to life and support how the technical style guide can be used to create digital banners to deliver on conversion briefs. You’ll find both ‘voice of bank’ and ‘voice of consumer’ headlines illustrated here, which are interchangeable dependent on the nature of your brief.

6


Brand ID: Mortgages Voice of the Customer example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Bullet points with risk box

End Frame Headline, CTA, logo First frame: Headline in voice of customer is always lower case. Headline position is bespoke to the image chosen and retouched. The positioning can change – make use of the space. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

300x250

First Frame Medium headline

Copy Frame Bullet points with risk box

End Frame Headline, CTA, logo

First Frame Medium headline

Copy Frame 1 Bullet point

Copy Frame 2 Risk box

End Frame Headline, CTA, logo 320x480 300x50

7


Brand ID: Mortgages Voice of the Customer example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Bullet points with risk box

End Frame Headline, CTA, logo

First Frame Medium headline

Copy Frame Bullet points with risk box

End Frame Headline, CTA, logo

728x90

160x600

First frame: Headline in voice of customer is always lower case. Headline position is bespoke to the image chosen and retouched. The positioning can change – make use of the space. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

8


Brand ID: Loans Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Headline with legals on image

End Frame Headline, CTA, legals First frame: If the voice of the bank, upper case first character is used. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

300x250

First Frame Medium headline

Copy Frame Headline with legals on image

End Frame Headline, CTA, legals

First Frame Medium headline

Copy Frame Headline with legal on image

Copy Frame Legals

End Frame Headline, CTA 320x480 300x50

9


Brand ID: Loans Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Headline with legals on image

End Frame Headline, CTA, legals

First Frame Medium headline

Copy Frame Headline with legals on image

End Frame Headline, CTA, legals

728x90

160x600

First frame: If the voice of the bank, upper case first character is used. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

10


Brand ID: Icon Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Icon only

End Frame Icon and CTA First frame: Headline position is left aligned to the icon. Icon always sits left aligned with 15px padding. Icon led routes should not contain background images. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy and icon.

300x250

First Frame Medium headline

Copy Frame Icon only

End Frame Icon and CTA

First Frame Medium headline

Copy Frame 1 Icon only

Copy Frame 2 Legals

End Frame Icon and CTA

300x50 320x480

11


Brand ID: Icon Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Legals

End Frame Icon and CTA

First Frame Medium headline

Copy Frame Legals

End Frame Icon and CTA

728x90

160x600

First frame: Headline position is left aligned to the icon. Icon always sits left aligned with 15px padding. Icon led routes should not contain background images. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy and icon.

12


Brand ID: Club Lloyds Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame 1 Legals

Copy Frame 2 Legals

Copy Frame Legals

End Frame Copy, CTA, legals

Copy Frame 3 Legals

End Frame Copy, CTA, legals

300x250

First Frame Medium headline

First Frame Medium headline

Copy Frame 1 Legals

First frame: Headline position is left aligned. If the voice of the bank, upper case first character is used. Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

Copy Frame 2 Legals

Copy Frame 3 Legals

End Frame Copy and CTA 320x480 300x50

13


Brand ID: Club Lloyds Voice of the Bank example Additional middle frames can be used should they be required to accommodate multiple messages or extended legal messaging. As of January 2017, specs for standard banners will require 3 frames maximum, 15 sec length animation and no loop. More frames can be added in a dynamic environment.

First Frame Medium headline

Copy Frame Legals

End Frame Copy, CTA, legals

First Frame Medium headline

Copy Frame 1 Legals

Copy Frame 2 Bullet points

Copy Frame 3 Legals

160x600

First frame: Headline position is left aligned. If the voice of the bank, upper case first character is used.

End Frame Copy, CTA, legals

Copy frame: Body copy frame is chosen depending on volume of text. The length of the copy affects the length of the timings on this frame. End frame: End the messaging with a strapline, CTA, legal copy.

728x90

14


Technical style-guide In this section we take a deep-dive into the technical information relating to banner design. Here we highlight the different options for each individual frame layout as well as the key variables to consider, including headline and body copy length, number of frames and CTAs. We’ve chosen the five most common banner sizes to showcase how the same creative can flex depending on your formats.

15


MPU (300x250) Brand | Products | Club Lloyds | Icon Please note the Club Lloyds ID (please refer to logo lockup section) can be applied to any of the frames within this section, should you be working on a Club Lloyds brief

16


For Prod

MPU (300x250) First Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 30 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 20 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 47 Max amount of lines: 8 Recommended lines: 7 Alignment: Left Animation: Copy fades on

12 Rates T5

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 47pt Leading: 49pt Alignment: Left

17 Copy T7

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular (% copy) Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 3 Alignment: Left Animation: Copy fades on (all)

First Frame Type 2 (Icon) Medium headline

First Frame Type 1.2 Medium headline

First Frame Type 1.1 Short headline 1

2

22

1

3

2

21

21

21 4

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

19 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 32 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

13 Rates T5 6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 23 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 APR box: max amount of lines: 2 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 32 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 13pt Max amount of lines: 2 Alignment: Left

14 Rates T5

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 35 Max amount of lines: 2 Alignment: Left

15 Rates T5

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 48 Max amount of lines: 6 Alignment: Left

20 Cass Logo

Used on all switching campaigns

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

22 Icon 60x60px Alignment: Top, 15px padding from left Animation: can be a GIF or static PNG

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 21pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

Notes - All first frame headlines can be voice of customer (lower case) or voice of Bank (sentence case). - Colour block is not used on MPUs

17


For Prod

MPU (300x250) Copy Frames Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 30 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 20 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 47 Max amount of lines: 8 Recommended lines: 7 Alignment: Left Animation: Copy fades on

12 Rates T5

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 47pt Leading: 49pt Alignment: Left

17 Copy T7

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular (% copy) Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 3 Alignment: Left Animation: Copy fades on (all)

Copy Frame Type 1 Copy with legals (if legals required) 6

Copy Frame Type 3 (Cards, Loans) APR with body copy

Copy Frame Type 2 (Mortgages) Bullet points with risk box 5

6

8

5 7

9

21

10 21

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 23 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 APR box: max amount of lines: 2 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 32 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 13pt Max amount of lines: 2 Alignment: Left

14 Rates T5

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 35 Max amount of lines: 2 Alignment: Left

15 Rates T5

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 48 Max amount of lines: 6 Alignment: Left

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 21pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

21

7

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

19 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 32 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

Copy Frame Type 4 Legals, overlay background

Copy Frame Type 6 Ex. 1: icon only

Copy Frame Type 5 (Club Lloyds) Rate

11

12

13

22

5

4

14 16

15

13 Rates T5 6 Copy

5

20 Cass Logo

Used on all switching campaigns

7 5

21

Club Lloyds Logo 90x90px Alignment: bottom right

21

7

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

21

Copy Frame Type 7 Ex. 2: icon and headline 22 4

22 Icon 60x60px Alignment: Top, 15px padding from left Animation: can be a GIF or static PNG

17

7

21

Notes - Best practice demonstrates only one copy frame, but if necessary there can be multiple frames for copy, legals etc.

18


For Prod

MPU (300x250) End Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 30 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 20 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 47 Max amount of lines: 8 Recommended lines: 7 Alignment: Left Animation: Copy fades on

12 Rates T5

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 47pt Leading: 49pt Alignment: Left

17 Copy T7

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular (% copy) Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 3 Alignment: Left Animation: Copy fades on (all)

End Frame Type 1 (Brand, Products) Headline, CTA, legals

End Frame Type 2 (PCA) Headline, CTA, logo

End Frame Type 3 (Icon) Icon, CTA, legals 22

6

6

19 18

18 18 5

7

5 21

20

4 21

7

21

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

19 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 32 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

13 Rates T5 6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 23 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 APR box: max amount of lines: 2 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 32 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 13pt Max amount of lines: 2 Alignment: Left

14 Rates T5

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 35 Max amount of lines: 2 Alignment: Left

15 Rates T5

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 48 Max amount of lines: 6 Alignment: Left

20 Cass Logo

Used on all switching campaigns

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

22 Icon 60x60px Alignment: Top, 15px padding from left Animation: can be a GIF or static PNG

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 21pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

Notes - Pink and green CTAs can be used interchangeably

19


Skyscraper (160x600) Brand | Products | Club Lloyds | Icon Please note the Club Lloyds ID (please refer to logo lockup section) can be applied to any of the frames within this section, should you be working on a Club Lloyds brief

20


For Prod

Skyscraper (160x600) First Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 34pt Leading: 35pt Max character limit (with space) per line: 10 Max amount of lines: 6 Recommended lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 28 Max amount of lines: 6 Recommended lines: 4 Alignment: Left Animation: Copy fades on

5 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 13 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 15 Max amount of lines: 8 Recommended lines: 4 Alignment: Left Animation: Copy fades on

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 20 Max amount of lines: 15 Copy alignment: Left

1

First Frame Type 1.2 Medium headline

10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 25 Max amount of lines: 16 Recommended lines: 8 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 6 Recommended lines: 4 Alignment: Left

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 9 Alignment: Left

13 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 29 Max amount of lines: 20 Recommended lines: 11 Alignment: Left Animation: Copy fades on

14 Rates T6

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 40pt Leading: 42pt Alignment: Left

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 2 Alignment: Left

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 18 Max amount of lines: 2 Alignment: Left

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

First Frame Type 2 Medium headline (block)

First Frame Type 3 (Icon) Medium headline

3

2

24

5

18 Copy T7

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 (80% opacity) The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from top

17 Rates T6

First Frame Type 1.1 Short headline

4

6

2

19 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 20pt Max character limit (with space) per line: 20 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 20 Max amount of lines: 12 Recommended lines: 6 Alignment: Centre Animation: Copy fades on (all)

23

1

1

23

23

23

20 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

21 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 14 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

22 Cass Logo

Used on all switching campaigns

23 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

24 Icon 90x90px Alignment: Top, centre Animation: can be a GIF or static PNG

Notes - All first frame headlines can be voice of customer (lower case) or voice of Bank (sentence case). - Where possible use full bleed imagery over colour block

21


For Prod

Skyscraper (160x600) Copy Frames Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 34pt Leading: 35pt Max character limit (with space) per line: 10 Max amount of lines: 6 Recommended lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 28 Max amount of lines: 6 Recommended lines: 4 Alignment: Left Animation: Copy fades on

5 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 13 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 15 Max amount of lines: 8 Recommended lines: 4 Alignment: Left Animation: Copy fades on

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 20 Max amount of lines: 15 Copy alignment: Left

Copy Frame Type 2 (Mortgages) Bullet points with risk box

Copy Frame Type 3 (Loans and Cards) APR with body copy

8

10

8

7

7

7

9

11

12

Copy Frame Type 4 Ex. 1: legals, overlay background 13

18 Copy T7 10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 25 Max amount of lines: 16 Recommended lines: 8 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 6 Recommended lines: 4 Alignment: Left

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 (80% opacity) The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from top

17 Rates T6

Copy Frame Type 1 Copy with legals (if legals required)

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 9 Alignment: Left

13 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 29 Max amount of lines: 20 Recommended lines: 11 Alignment: Left Animation: Copy fades on

14 Rates T6

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 40pt Leading: 42pt Alignment: Left

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 2 Alignment: Left

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 18 Max amount of lines: 2 Alignment: Left

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7

19 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 20pt Max character limit (with space) per line: 20 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 20 Max amount of lines: 12 Recommended lines: 6 Alignment: Centre Animation: Copy fades on (all)

20 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

9

23

Copy Frame Type 5 Ex. 2: legals, green opaque background 13

23

Copy Frame Type 6 (Club Lloyds) Rate 14

23

Copy Frame Type 7 Ex. 1: icon only

23

Copy Frame Type 8 Ex. 2: icon and headline

15 24

16

24

21 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 14 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

22 Cass Logo

Used on all switching campaigns

18

19

6

6

17

6

23 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo

9

6

90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

9

9

Notes

Club Lloyds Logo 90x90px Alignment: bottom right

24 Icon 90x90px Alignment: Top, centre Animation: can be a GIF or static PNG

23

23

23

23

- Best practice demonstrates only one copy frame, but if necessary there can be multiple frames for copy, legals etc.

22


For Prod

Skyscraper (160x600) End Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 34pt Leading: 35pt Max character limit (with space) per line: 10 Max amount of lines: 6 Recommended lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 28 Max amount of lines: 6 Recommended lines: 4 Alignment: Left bAnimation: Copy fades on

5 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 13 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space) per line: 15 Max amount of lines: 8 Recommended lines: 4 Alignment: Left Animation: Copy fades on

Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 20 Max amount of lines: 15 Copy alignment: Left

10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 25 Max amount of lines: 16 Recommended lines: 8 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 27 Max amount of lines: 6 Recommended lines: 4 Alignment: Left

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 9 Alignment: Left

13 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 16pt Max character limit (with space) per line: 29 Max amount of lines: 20 Recommended lines: 11 Alignment: Left Animation: Copy fades on

14 Rates T6

%: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 40pt Leading: 42pt Alignment: Left

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 2 Alignment: Left

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 18 Max amount of lines: 2 Alignment: Left

8

End Frame Type 2 (PCA) Headline, CTA, logo

End Frame Type 3 (Icon) Icon, headline, CTA 24

8

21 18 Copy T7

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 (80% opacity) The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from top

17 Rates T6

End Frame Type 1 (Brand and Products) Headline, CTA, legals

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 27 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Animation: Copy fades on

20

20

22 20

19 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 20pt Max character limit (with space) per line: 20 Max amount of lines: 4 Recommended lines: 2 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 19pt Max character limit (with space) per line: 20 Max amount of lines: 12 Recommended lines: 6 Alignment: Centre Animation: Copy fades on (all)

7

7

6

9

9

18

18

18

20 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

21 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 14 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

22 Cass Logo

Used on all switching campaigns

23 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

24 Icon 90x90px Alignment: Top, centre Animation: can be a GIF or static PNG

Notes - Pink and green CTAs can be used interchangeably

23


Leaderboard (728x90) Brand | Products | Club Lloyds | Icon Please note the Club Lloyds ID (please refer to logo lockup section) can be applied to any of the frames within this section, should you be working on a Club Lloyds brief

24


Leaderboard (728x90) First Frame

For Prod

First Frame Type 1.1 Short headline

Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 36pt Leading: 38pt Max character limit (with space) per line: 20 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from left to right

5 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 24pt Max character limit (with space) per line: 58 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space): 40 Max amount of lines: 3 Recommended lines: 3 APR box: max amount of lines: 3 Alignment: Left Animation: Copy fades on

2 9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 110 Max amount of lines: 2 Recommended lines: 2 APR box: max amount of lines: 3 Alignment: Left Animation: Copy fades on

10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 60 Max amount of lines: 3 Recommended lines: 2 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 32 Max amount of lines: 4 Recommended lines: 3 Alignment: Left (all)

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 21 Alignment: Left

13 Copy/Extended Legals T4, T5

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 12pt Max character limit (with space): 121 Max amount of lines: 4 Recommended lines: 4 Alignment: Left Animation: Copy fades on

1

22

1

22

1

22

6

22

17 Copy T7

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 50 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

18 Copy T8

Lloyds Bank Jack Bold, Colour: #FFFFFF Font size: 53pt, Leading: 56pt. Max character limit (with space) per line: 20

First Frame Type 1.2 Medium headline 2

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space): 64 Max amount of lines: 4 Recommended lines: 2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 14pt Max character limit (with space): 110 Max amount of lines: 2 Recommended lines: 1

First Frame Type 2 Medium headline (block) 3

4

Alignment: Left (all) Animation: Copy fades on (all)

19 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

20 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 36 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

First Frame Type 3 (Icon) Medium headline 23

5

21 Cass Logo

Used on all switching campaigns

14 Rates T6

%: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 49pt Leading: 51pt

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 22pt Max amount of lines: 1

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space) per line: 48 Max amount of lines: 1 Copy alignment: Left

22 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

23 Icon 90x90px Alignment: Left Animation: can be a GIF or static PNG

Notes - All first frame headlines can be voice of customer (lower case) or voice of Bank (sentence case). - Where possible use full bleed imagery over colour block

25


Leaderboard (728x90) Copy Frames Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 36pt Leading: 38pt Max character limit (with space) per line: 20 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from left to right

5 Headline T3

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 20pt Leading: 24pt Max character limit (with space) per line: 58 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space): 40 Max amount of lines: 3 Recommended lines: 3 Alignment: Left Animation: Copy fades on

For Prod

Copy Frame Type 1 Copy with legals (if legals required) 8

9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 110 Max amount of lines: 2 Recommended lines: 2 APR box: max amount of lines: 3 Alignment: Left Animation: Copy fades on

10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 60 Max amount of lines: 3 Recommended lines: 2 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 32 Max amount of lines: 4 Recommended lines: 3 Alignment: Left (all)

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 21 Alignment: Left

13 Copy/Extended Legals T4, T5

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 12pt Max character limit (with space): 121 Max amount of lines: 4 Recommended lines: 4 Alignment: Left Animation: Copy fades on

17 Copy T7

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 50 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

%: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 49pt Leading: 51pt

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 22pt Max amount of lines: 1

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space) per line: 48 Max amount of lines: 1 Copy alignment: Left

22

7

22

9

Copy Frame Type 2 (Mortgages) Bullet points with risk box 10

11

18 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space): 64 Max amount of lines: 4 Recommended lines: 2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 14pt Max character limit (with space): 110 Max amount of lines: 2 Recommended lines: 1 Alignment: Left (all) Animation: Copy fades on (all)

19 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

20 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 36 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

21 Cass Logo

Copy Frame Type 3 (Loans and Cards) APR with body copy 12

8

7

Copy Frame Type 4 Ex. 1: legals, overlay background 13

90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

13

22

6

22

6

22

Copy Frame Type 6 (Club Lloyds) Rate 15 16

9

Copy Frame Type 7 Ex. 1: icon only 23

17

6

22

9

23 Icon 90x90px Alignment: Left Animation: can be a GIF or static PNG

7

Copy Frame Type 5 Ex. 2: legals, green opaque background

14

22 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo

22

9

Used on all switching campaigns

14 Rates T6

7

Copy Frame Type 8 Ex. 2: icon and headline 23

18 9

6

22

Notes - Best practice demonstrates only one copy frame, but if necessary there can be multiple frames for copy, legals etc.

26


Leaderboard (728x90) End Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 36pt Leading: 38pt Max character limit (with space) per line: 20 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Colour Block, Racing Green

Block Colour: #024731 Strip Colour: #77b800 The block makes up for an image that cannot be full bleed. The block height is also dependent on the amount of copy, but the strip height is 30px. Animation: slides in from left to right

5 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 24pt Max character limit (with space) per line: 58 Max amount of lines: 15 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

6 Flat Background, Racing Green Colour: #024731

7 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

8 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 26pt Max character limit (with space): 40 Max amount of lines: 3 Recommended lines: 3 APR box: max amount of lines: 3 Alignment: Left Animation: Copy fades on

For Prod

End Frame Type 1 (Brand and Product) Headline, CTA, legals 8

7

22

7

22

6

22

19 9 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 110 Max amount of lines: 2 Recommended lines: 2 APR box: max amount of lines: 3 Alignment: Left Animation: Copy fades on

10 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 60 Max amount of lines: 3 Recommended lines: 2 Animation: Copy fades on

11 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 12pt Leading: 14pt Max character limit (with space) per line: 32 Max amount of lines: 4 Recommended lines: 3 Alignment: Left (all)

12 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 23pt Leading: 25pt Max character limit (with space) per line: 21 Alignment: Left

13 Copy/Extended Legals T4, T5

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 12pt Leading: 12pt Max character limit (with space): 121 Max amount of lines: 4 Recommended lines: 4 Alignment: Left Animation: Copy fades on

17 Copy T7

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 50 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Animation: Copy fades on

9

End Frame Type 2 (PCA) Headline, CTA, logo 8

21

18 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space): 64 Max amount of lines: 4 Recommended lines: 2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 14pt Max character limit (with space): 110 Max amount of lines: 2 Recommended lines: 1 Alignment: Left (all) Animation: Copy fades on (all)

19

End Frame Type 3 (icon) Icon, headline, CTA 23

16 19 9

19 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

20 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 22pt Leading: 26pt Max character limit (with space) per line: 36 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

21 Cass Logo

Used on all switching campaigns

14 Rates T6

%: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 49pt Leading: 51pt

15 Rates T6

AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 22pt Max amount of lines: 1

16 Rates T6

Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 18pt Leading: 22pt Max character limit (with space) per line: 48 Max amount of lines: 1 Copy alignment: Left

22 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

23 Icon 90x90px Alignment: Left Animation: can be a GIF or static PNG

Notes - Pink and green CTAs can be used interchangeably

27


Mobile (320x480) Brand | Products | Club Lloyds | Icon Please note the Club Lloyds ID (please refer to logo lockup section) can be applied to any of the frames within this section, should you be working on a Club Lloyds brief

28


Mobile (320x480) First Frame

For Prod

First Frame Type 1.1 Short headline

Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 23 Max amount of lines: 5 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 26pt Leading: 29pt Max character limit (with space) per line: 23 Max amount of lines: 9 Recommended lines: 4 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Regular Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 29 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

1 9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 13pt Leading: 15pt Max character limit (with space) per line: 32 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 11 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 47 Max amount of lines: 14 Recommended lines: 10 Alignment: Left Animation: Copy fades on

12 Rates T5 %: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 55pt Leading: 57pt Alignment: Left

13 Rates T5 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max amount of lines: 2 Alignment: Left

14 Rates T5 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 21pt Leading: 23pt Max character limit (with space) per line: 40 Max amount of lines: 2 Alignment: Left

15 Rates T5 Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 40 Max amount of lines: 10 Alignment: Left

First Frame Type 2 (icon) Medium headline

First Frame Type 1.2 Medium headline

22

2

4

17 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 6 Recommended lines: 5 Alignment: Left Animation: Copy fades on (all)

3 2 1

21

21

21

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

19 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

20 Cass Logo

Used on all switching campaigns

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

22 Icon 90x90px Alignment: Top, 25px padding from left Animation: can be a GIF or static PNG

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 23pt Max character limit (with space) per line: 28 Max amount of lines: 5 Recommended lines: 2 Alignment: Left Animation: Copy fades on

Notes - All first frame headlines can be voice of customer (lower case) or voice of Bank (sentence case). - Colour block is not used on MPUs

29


Mobile (320x480) Copy Frames Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 23 Max amount of lines: 5 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 26pt Leading: 29pt Max character limit (with space) per line: 23 Max amount of lines: 9 Recommended lines: 4 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Regular Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 29 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

For Prod

Copy Frame Type 1 Copy with legals (if legals required) 6

9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 13pt Leading: 15pt Max character limit (with space) per line: 32 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 11 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 47 Max amount of lines: 14 Recommended lines: 10 Alignment: Left Animation: Copy fades on

12 Rates T5 %: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 55pt Leading: 57pt Alignment: Left

13 Rates T5 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max amount of lines: 2 Alignment: Left

14 Rates T5 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 21pt Leading: 23pt Max character limit (with space) per line: 40 Max amount of lines: 2 Alignment: Left

15 Rates T5 Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 40 Max amount of lines: 10 Alignment: Left

8

Copy Frame Type 3 (Loans and Cards) APR with body copy 6

17 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 6 Recommended lines: 5 Alignment: Left Animation: Copy fades on (all)

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

5

5

7

21

Copy Frame Type 4 Legals, overlay background

Copy Frame Type 5 (Club Lloyds) Rate

21

Copy Frame Type 6 Ex. 1: icon only 22

13

14

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

16

15

4

20 Cass Logo

5

Used on all switching campaigns

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo

90x90px Alignment: bottom right

21

12

19 Strap Line T3

Club Lloyds Logo

10 7

11

90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

5

9

4

7

7 21

21

21

Copy Frame Type 7 Ex. 2: icon and headline 22

22 Icon 90x90px Alignment: Top, 25px padding from left Animation: can be a GIF or static PNG

17

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 23pt Max character limit (with space) per line: 28 Max amount of lines: 5 Recommended lines: 2 Alignment: Left Animation: Copy fades on

Copy Frame Type 2 (Mortgages) Bullet points with risk box

4 7 21

Notes - Best practice demonstrates only one copy frame, but if necessary there can be multiple frames for copy, legals etc.

30


Mobile (320x480) End Frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T2 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 23 Max amount of lines: 5 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the right

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 26pt Leading: 29pt Max character limit (with space) per line: 23 Max amount of lines: 9 Recommended lines: 4 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Regular Colour: #FFFFFF (80% opacity) Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 5 Recommended lines: 3 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 22pt Max character limit (with space) per line: 29 Max amount of lines: 6 Recommended lines: 5 Animation: Copy fades on Alignment: Left

9 Copy T2 (risk box)

Lloyds Bank Jack Light Font size: 13pt Leading: 15pt Max character limit (with space) per line: 32 Max amount of lines: 3 Recommended lines: 3 Alignment: Left

10 Copy T3 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 25pt Leading: 27pt Max character limit (with space) per line: 11 Alignment: Left

11 Copy/Extended Legals T4

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 14pt Leading: 18pt Max character limit (with space) per line: 47 Max amount of lines: 14 Recommended lines: 10 Alignment: Left Animation: Copy fades on

12 Rates T5 %: Lloyds Bank Jack Bold Colour: #FFFFFF or #024630 Font size: 55pt Leading: 57pt Alignment: Left

13 Rates T5 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max amount of lines: 2 Alignment: Left

14 Rates T5 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 21pt Leading: 23pt Max character limit (with space) per line: 40 Max amount of lines: 2 Alignment: Left

15 Rates T5 Body copy: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 14pt Leading: 16pt Max character limit (with space) per line: 40 Max amount of lines: 10 Alignment: Left

17 Copy T8

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 2 Recommended lines: 1 Alignment: Left Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 16pt Leading: 18pt Max character limit (with space) per line: 37 Max amount of lines: 6 Recommended lines: 5 Alignment: Left Animation: Copy fades on (all)

For Prod

End Frame Type 1 (Brand and Product) Headline, CTA, legals

End Frame Type 2 (PCA) Headline, CTA, logo

6

6

18

18 5

7

21

20

End Frame Type 3 (icon) Icon, headline, CTA 22

19

5

21

18

7

4

21

18 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

19 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 18pt Leading: 20pt Max character limit (with space) per line: 35 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

20 Cass Logo

Used on all switching campaigns

21 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: bottom right

22 Icon 90x90px Alignment: Top, 25px padding from left Animation: can be a GIF or static PNG

16 Copy T6

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 20pt Leading: 23pt Max character limit (with space) per line: 28 Max amount of lines: 5 Recommended lines: 2 Alignment: Left Animation: Copy fades on

Notes - Pink and green CTAs can be used interchangeably

31


Mobile (300x50) Brand | Products | Club Lloyds | Icon Please note the Club Lloyds ID (please refer to logo lockup section) can be applied to any of the frames within this section, should you be working on a Club Lloyds brief

32


Mobile (300x50) First Frame

For Prod

First Frame Type 1.1 Short headline

Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 44 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 9pt Leading: 11pt Max character limit (with space) per line: 31 Max amount of lines: 1 Recommended lines: 1 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 12pt Max character limit (with space) per line: 50 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

2 9 Copy T3 (risk box)

Lloyds Bank Jack Light Font size: 10pt Leading: 12pt Max character limit (with space) per line: 25 Max amount of lines: 2 Recommended lines: 2 Alignment: Left

10 Copy T4 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 15 Alignment: Left

11 Copy/Extended Legals T5, T6

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 53 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

12 Rates T7 %: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 29pt Leading: 31pt Alignment: Left

13 Rates T7 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 1 Alignment: Left

14 Rates T7 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 38 Max amount of lines: 1 Alignment: Left

15 Copy T8

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

16 Copy T9

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Alignment: Left (all)

First Frame Type 1.2 Medium headline 1

2 20

1

20

4

20

Lloyds Bank Jack Bold, Colour: #FFFFFF Font size: 26pt, Leading: 28pt. Max character limit (with space) per line: 15

First Frame Type 3 (icon) Medium headline

First Frame Type 2 Medium headline (block) 2

3 4

20

21

17 CTA

Colour: #77b800 or Colour: #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

18 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 22 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

19 Cass Logo

Used on all switching campaigns

20 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: right

21 Icon 50x50px Alignment: Left Animation: can be a GIF or static PNG

Notes - All first frame headlines can be voice of customer (lower case) or voice of Bank (sentence case). - Where possible use full bleed imagery over colour block - Formats are shown to scale

33


Mobile (300x50) Copy frames Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 44 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 9pt Leading: 11pt Max character limit (with space) per line: 31 Max amount of lines: 1 Recommended lines: 1 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 12pt Max character limit (with space) per line: 50 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

For Prod

Copy Frame Type 1 Copy with legals (if legals required) 6

9 Copy T3 (risk box)

Lloyds Bank Jack Light Font size: 10pt Leading: 12pt Max character limit (with space) per line: 25 Max amount of lines: 2 Recommended lines: 2 Alignment: Left

10 Copy T4 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 15 Alignment: Left

11 Copy/Extended Legals T5, T6

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 53 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

12 Rates T7 %: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 29pt Leading: 31pt Alignment: Left

13 Rates T7 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 1 Alignment: Left

14 Rates T7 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 38 Max amount of lines: 1 Alignment: Left

15 Copy T8

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

16 Copy T9

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Alignment: Left (all)

17 CTA

Colour: #77b800 or Colour: #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

18 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 22 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

19 Cass Logo

Used on all switching campaigns

20 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Copy Frame Type 2 (Mortgages) Bullet points

5

8

7

20

20

Copy Frame Type 4 APR with body copy

Copy Frame Type 3 (Loans and Cards) Risk box

10

9

5

20

Copy Frame Type 5 Ex. 1: legals, overlay background

6 5

7

20

Copy Frame Type 6 Ex. 2: legals, green opaque background

11

11 5

20

Copy Frame Type 7 (Club Lloyds) Rates 12

5

13

14

4

20

4

20

Copy Frame Type 8 Ex. 1: icon only

4

21

7

20

4

20

15 7

Copy Frame Type 9 Ex. 2: icon and headline 21

16 7

Club Lloyds Logo 90x90px Alignment: right

21 Icon 50x50px Alignment: Left Animation: can be a GIF or static PNG

Notes - Best practice demonstrates only one copy frame, but if necessary there can be multiple frames for copy, legals etc. - Formats are shown to scale

34


Mobile (300x50) End frame Key 1 Image Background

This is an approved retouched brand image.

2 Headline

Lloyds Bank Jack Bold Colour: #FFFFFF (Font size and maximum character limit depends on length of copy and approved image) Recommended lines: 2 Alignment: Staggered (depending on image and length) Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

3 Headline T3

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 3 Alignment: Left Animation: Each line fades on and slides in from the side. (Due to time restriction, copy can fade on with sliding)

4 Flat Background, Racing Green Colour: #024731

5 Green Image Overlay

Colour: #024731 (multiply) Placed over an approved brand image Animation: slides in from the left

6 Copy

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 44 Max amount of lines: 3 Recommended lines: 2 Alignment: Left Animation: Copy fades on

7 Legals

Lloyds Bank Jack Light Colour: #FFFFFF (80% opacity) Font size: 9pt Leading: 11pt Max character limit (with space) per line: 31 Max amount of lines: 1 Recommended lines: 1 Alignment: Left Animation: Copy fades on

8 Copy T2

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 12pt Max character limit (with space) per line: 50 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

For Prod

End Frame Type 1 (Brand and Product) Headline, CTA, legals 3

9 Copy T3 (risk box)

Lloyds Bank Jack Light Font size: 10pt Leading: 12pt Max character limit (with space) per line: 25 Max amount of lines: 2 Recommended lines: 2 Alignment: Left

10 Copy T4 % APR: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 15 Alignment: Left

11 Copy/Extended Legals T5, T6

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 53 Max amount of lines: 4 Recommended lines: 3 Alignment: Left Animation: Copy fades on

12 Rates T7 %: Lloyds Bank Jack Bold Colour: #FFFFFF Font size: 29pt Leading: 31pt Alignment: Left

13 Rates T7 AER: Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max amount of lines: 1 Alignment: Left

14 Rates T7 Copy: Lloyds Bank Jack Regular/Bold (£) Colour: #FFFFFF Font size: 10pt Leading: 12pt Max character limit (with space) per line: 38 Max amount of lines: 1 Alignment: Left

15 Copy T8

Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 12pt Leading: 14pt Max character limit (with space) per line: 35 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

16 Copy T9

Lloyds Bank Jack Light Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 35 Max amount of lines: 1 Recommended lines: 1 Alignment: Left (all)

17 CTA

Colour: #77b800 or #b21d3f Font Size: 14pt (If copy is too long, the font size can be reduced to fit within CTA box) Animation: Shimmering effect applied from left to right.

5

7

17

20

End Frame Type 2 (PCA) Headline, CTA, logo 3

5

19

17 20

End Frame Type 3 (icon) Icon, headline, CTA 18 21

7

17 4

20

18 Strap Line T3 Lloyds Bank Jack Regular Colour: #FFFFFF Font size: 11pt Leading: 13pt Max character limit (with space) per line: 22 Max amount of lines: 2 Recommended lines: 2 Alignment: Left Animation: Copy fades on

19 Cass Logo

Used on all switching campaigns

20 Logo Lockups (either Lloyds logo or Club Lloyds Logo) Lloyds Logo 90x90px, Alignment: bottom right ‘For your next steps’ on bottom bar

Club Lloyds Logo 90x90px Alignment: right

21 Icon 50x50px Alignment: Left Animation: can be a GIF or static PNG

Notes - Pink and green CTAs can be used interchangeably - Formats are shown to scale

35

Lloyds Bank Digital Guidelines  
Read more
Read more
Similar to
Popular now
Just for you