KEC 2026

Welcome to our digital Style Guide

Here you’ll find guidelines for both our print materials and our website.

Print guide

Web guide

Print Style Guide

Quick links to navigate the print section:

Identity

A logo is the visual summary of a brand. It holds together key elements of the brand in a tidy little package. So it is important that the logo is used consistently as illustrated in this style guide.

Stacked Logo on White (Primary Colour: Nordic)

Stacked logo in Nordic to be used on a white background

Clear space is equal to 100% the width and height of the cross logomark

Stacked Logo on White (High Contrast: Black Pearl)

Stacked logo in Black Pearl to be used on a white background where a higher contrast is preferred

Stacked Logo on Bright & Dark Colours (Primary Colour: White)

The following are examples showing a white version of the logo on bright and dark coloured backgrounds. (Note: Nordic may be used for the logo where contrast is sufficient—e.g. on Sandy Brown.)

Stacked logo in Nordic used on accent colour background (Sandy Brown)

Stacked logo in White used on accent colour background (Sandy Brown)

Stacked logo in White used on dark colour (Black Pearl)

Stacked logo in White used on dark colour (Nordic)

Stacked logo in White used on dark colour (Blue Dianne)

Stacked logo in White used on dark colour (Smalt Blue)

Stacked logo in White used on bright/dark colour (Bull Shot)

Stacked Logo on Light Colours (Primary Colour: Nordic)

Stacked logo in Nordic used on light colour (Coriander)

Stacked logo in Nordic used on light colour (Hampton)

Stacked logo in Nordic used on light colour (Satin Linen)

Stacked logo in Nordic used on light colour (Orange White)

Single Line Logo on White (Primary Colour: Nordic)

Single line logo in Nordic to be used on a white background

Clear space is equal to 100% the width and height of the cross logomark

Single Line Logo on White (High Contrast: Black Pearl)

Single line logo in Black Pearl to be used on a white background where a higher contrast is preferred

Single Line Logo on Bright/Dark Colours (Primary Colour: White)

The following are examples showing a white version of the logo on bright and dark coloured backgrounds. (Note: Nordic may be used for the logo where contrast is sufficient—e.g. on Sandy Brown.)

Single line logo in Nordic used on accent colour background (Sandy Brown)

Single line logo in White used on accent colour background (Sandy Brown)

Single line logo in White used on dark colour (Black Pearl)

Single line logo in White used on dark colour (Nordic)

Single line logo in White used on dark colour (Blue Dianne)

Single line logo in White used on dark colour (Smalt Blue)

Single line logo in White used on bright/dark colour (Bull Shot)

Single Line Logo on Light Colours (Primary Colour: Nordic)

Single line logo in Nordic used on light colour (Coriander)

Single line logo in Nordic used on light colour (Hampton)

Single line logo in Nordic used on light colour (Satin Linen)

Single line logo in Nordic used on light colour (Orange White)

Single Line Logo on Dark Colours

The following are examples—not exhaustive. The logo may be white on a darker background. Or a range of the light shades in the colour scheme would also be appropriate for use on a darker background colour.

Single line logo in White used on theme background (secondary colour: Curious Blue)

Single line logo in White used on dark colour (Vulcan)

Single line logo in White used on dark colour (Chathams Blue )

Typography

Large Headings

Large headings use Morganite Bold or Semibold. All its weights can be downloaded for free from Gumroad (click here). Note that all headings using Morganite should appear in UPPERCASE.

MORGANITE Bold

MORGANITE SemiBold

Headlines

For feature headlines you may like to use Morganite Semibold with 200% tracking as per the ‘Fear Not!’ theme title.

Fear Not!
[Set in Morganite Semibold]

Medium Headings & Subheadings

Morganite Bold

Morganite Semibold

Small Headings & Body Text

Small Heading — DM Sans Bold — 700

We have used DM Sans for body copy. Its heavier weights are suitable for smaller headings.

DM Sans is a free, open source font and can be downloaded here.

DM Sans Regular – 400

DM Sans Medium – 500

DM Sans Semibold – 600

DM Sans Bold — 700

Colours

Colour Palette

Vulcan
(#0F141F)

Black Pearl
(#05111E)

Nordic
(#063A42)

Satin Linen
(#E8E5D4)

Orange White
(#FCFAEE)

White
(#FFFFFF)

Primary: Blue Dianne
(#054C53)

Secondary: Smalt Blue
(#3F685E)

Accent: Sandy Brown
(#FFA449)

Hampton
(#E4DBAB)

Coriander
(#BAB48C)

Bull Shot
(#8F4700)

Pantone Colours (Uncoated Stock)

Pantone 5463 U
(#3E4E56)

Pantone 804 U
(#FFAA52

Theme Graphics

Primary Theme Graphics

Please note: there are two alternative versions of the theme design. The screen version includes a dark overlay (with low opacity) to create more contrast between the tagline (‘The Lord is Near’) and the background illustration. However this layer is removed for print situations where the illustration will already appear darker when printed. (Examples below for 16.9 aspect ratio.)

There is also an alternative portrait version of the illustration used for the 9.16 Instagram story post and A5 booklet cover.

KEC26_Theme_Design_1_16.9_1920x1080_Slide

16.9 / 1920 x 1080 (For Screen, Darker)

KEC26_Theme_Design_1_16.9_1920x1080_Slide_v2_Print

16.9 / 1920 x 1080 (For Print, Lighter)

KEC26_Theme_Design_1_16.9_1920x1080_Slide_v3_Speaker_Date

16.9 / 1920 x 1080 (Featuring Speaker & Dates)

Instagram Post / 1080 x 1350

Facebook Cover Image / 1640 x 720

Instagram Story / 1920 x 1080 (Alternative Portrait Illustration)

Booklet Cover / A5 (Alternative Portrait Illustration)

Photos

Web Style Guide

Headings

Headings – Morganite Black Italic

H1 – Lorem ipsum amet morbi dolor tortor eget mollis nostra.

H2 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.

Smaller Headings – DM Sans 700

H3 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis.

H4 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.

H5 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus semper taciti nostra.

H6 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus semper taciti nostra pharetra montes.

Body Text – DM Sans 400

Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam velit corper. Pharetra torquent auctor metus text link velit. Natoque tellus semper taciti nostra primis lectus donec tortor fusce morbi risus curae.

Suscipit taciti primis tempor euismod aptent felis blandit cursus gravida lectus nullam dapibus netus. Curae iaculis aptent leo ligula euismod mauris gravida etiam praesent magnis congue gravida magna netus inceptos.