Style Guide


Brand Style Guide

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – gray-lighter

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. $brandCol-base: $brandCol-darkest: $brandCol-darker: darken($brandCol-base, 20%) !Secondary; // #828bb1 $brandCol-dark: darken($brandCol-base, 13.5%) !Secondary; // #969ebe $brandCol-light: lighten($brandCol-base, 20%) !Secondary; // #969ebe $brandCol-lighter: lighten($brandCol-base, 33.5%) !Secondary; // # $brandCol-lightest: lighten($brandCol-base, 40%) !Secondary; // # $alert-danger-text: red; $brandComp-base: #8098A6 !Secondary; $brand-secondary-darkest-bg-row: darken($brandComp-base, 30%) !Secondary; // #5b6693 $brand-secondary-darker-bg-row: darken($brandComp-base, 10%) !Secondary; // #828bb1 $brand-secondary-dark-bg: darken($brandComp-base, 5%) !Secondary; // #969ebe $brandComp-light: lighten($brandComp-base, 5%) !Secondary; // #eaecf2 $brandComp-lighter: lighten($brandComp-base, 10%) !Secondary; // # $brandComp-lightest: lighten($brandComp-base, 30%) !Secondary;

Heading Two – brand-primary-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Oops! We could not locate your form.

Top

Heading Three – brand-dark-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brand-darker-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Heading Three – brand-darkest-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brand-light-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brand-lighter-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Oops! We could not locate your form.

Top

Heading Three – brand-lightest-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Heading Three – brand-secondary-darkest-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brand-secondary-darker-bg-row

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brand-secondary-dark-bg

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brandComp

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brandComp-light

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brandComp-lighter

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Heading Three – brandComp-lightest

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut.

Lorem ipsum dolor sit amet, am I standing out as a link? elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Icon Date (linked)

Icon Date (linked)

Location Icon (not linked)

Oops! We could not locate your form.

Top

Company No. 06323071
VAT 915941805
+44 20 7100 3891
Keep in touch
Name
Email