Brand Identity System

CHURCH ON THE
LIVING EDGE

A complete visual identity guide for Church on the Living Edge and all associated ministries.

Location Orlando, FL
Version 1.0 / 2026
Abbreviation COTLE
Scroll
01 — Colors

Color Palette

COTLE's palette is built on a bold dark foundation with four signature accent colors. Each color has a specific role — use them with intention, not decoration.

Foundations
Black
#000000
Primary background
Off-Black
#0A0A0A
Elevated surfaces
Dark Card
#1A1A1A
Cards, panels, overlays
White
#FFFFFF
Primary text on dark
Mid Gray
#888888
Captions, secondary text
Cream
#FAF9F5
Print / light mode bg
Brand Accents
COTLE Green
#C6FF00
Primary accent — CTAs, headlines, emphasis
COTLE Red
#E51D1D
Logo mark, urgency, declarations
COTLE Blue
#116DFF
Digital interfaces, navigation, links
Gold
#FFD166
Premium moments, scripture, celebration
Color Usage Hierarchy
Primary — Green #C6FF00
Use for the single most important element per layout: hero text, primary CTA, key phrase. One green moment per screen.
Identity — Red #E51D1D
The logo chevron color. Use for brand identity marks, sermon series branding, urgent callouts, and the giving button.
Digital — Blue #116DFF
Web interfaces, navigation pills, links, app UI, digital signage, and interactive elements.
Celebration — Gold #FFD166
Scripture references, milestone moments, first-fruits/offering contexts, holiday and celebration seasons.
02 — Typography

Type System

COTLE uses a four-font system. Each font has a distinct job — never mix roles. Lulo Clean is the brand voice. Cormorant Garamond is the theological voice. Glacial Indifference is the contemporary voice. Space Mono is the technical voice.

Display / All-Caps Headlines Lulo Clean W01 One Bold
LIVING EDGE
ALWAYS UPPERCASE · MAX 6 WORDS · NEVER BODY TEXT
Use for: Hero text, section breaks, title slides, brand name, logo treatment, campaign names.
Install: LuloCleanW01OneBold.otf — required on any machine presenting COTLE materials. For web: use Arial Black + text-transform: uppercase as fallback.
Headings / Sermon Titles Cormorant Garamond — SemiBold 600
Encounters at the Edge of Grace
"The Spirit intercedes with groanings too deep for words."
SLIDE TITLES · DOCUMENT H1-H2 · PULL QUOTES · SERIF WARMTH
Use for: Sermon titles, section headings, documentary pull quotes, subheadings on slides. Pairs beautifully with Glacial Indifference body text below it.
Body / Contemporary Text Glacial Indifference — Regular
Church on the Living Edge exists to be a community where people encounter the living God, experience authentic transformation, and are sent as agents of His Kingdom into every sphere of society. We are people of the Spirit — formed, sent, and sustained by the Paraclete.
PARAGRAPHS · SLIDE BODY COPY · CAPTIONS · SUBTITLES · WEB BODY
Use for: All body copy across web, slides, and digital formats. Clean, contemporary, and highly legible. Free on Google Fonts (search "Glacial Indifference" on fontsquirrel.com). Note: Word documents (.docx) use Times New Roman 12pt instead.
Labels / Metadata / Technical Space Mono — Regular & Bold
JOHN 4:1–42 · SESSION 03 · SUNDAY 9:00 AM · COTLEORLANDO.COM
FIRST FRUITS OFFERING · EASTER 2026 · ENCOUNTERS SERIES
COTLE GROUPS · THE TABLE · MOE'S KIDS · ABLAZE
SCRIPTURE REFS · SESSION LABELS · BUTTONS · TIMESTAMPS · TAGS
Use for: Scripture citations, event metadata, navigation labels, buttons, footer text, slide session numbers, technical documentation. Always 9-11px at standard use.
Typographic Scale
72px
COTLE
48px
Living on the Edge of Eternity
28px
Encounter — John 4:1–42
16px
Glacial Indifference at 16px for standard body text. Readable, clean, contemporary. 1.6–1.8 line height always.
10px
SPACE MONO · LABELS · METADATA · 0.2EM TRACKING
04 — kotle

Kids on the Living Edge

kotle is COTLE's children's ministry — a sub-brand that shares the parent brand's DNA while bringing energy, warmth, and color that speaks directly to kids and families.

k o t l e
Kids on the Living Edge · Church on the Living Edge
kotle
Wordmark
kotle kids on the living edge
Full lockup
kotle
Color treatment
Official kotle Logo kotle-logo-26-white.png
kotle Logo (Transparent)
The official kotle mark.
The kotle logo for all children's ministry branding — check-in signage, room displays, social media, volunteer shirts, event banners, and parent-facing materials. White version for dark backgrounds.
Check-in Room Signs Social Merch
Download PNG
Color Palette
Sunny Yellow
#FFE033
Primary · hero · kotle k
Energy Orange
#FF7A1A
Warmth · CTAs · O
COTLE Green
#C6FF00
Parent tie-in · T
Go Teal
#00D4B4
Baptism · missions · L
Joyful Pink
#FF4D6A
Celebration · E
Black
#000000
Inherited background
Each letter of kotle has its own assigned color — yellow k, orange o, green t, teal l, pink e. This is the signature treatment for the wordmark.
Typography
Display · Wordmark
kotle
Nunito ExtraBold — all lowercase, always. The kotle wordmark uses colored letters as its signature treatment.
Kids Headlines · Signage
Every Kid Belongs Here!
Nunito ExtraBold — rounded, bold, energetic. For kids-facing room signs, event titles, and slide headlines.
Friendly Body · Event Names
Come Explore God's Word!
Fredoka One — soft, approachable letterforms for event names and kid-directed copy.
Parent-Facing · Bulletins · Emails
Glacial Indifference for all adult-facing materials — check-in forms, parent emails, welcome cards, and bulletin inserts.
Matches the parent COTLE brand for materials adults read.
⚡
The Core Rule
Kids-facing visuals go bright and multi-color. Parent-facing materials stay close to the COTLE parent brand — black background, Glacial Indifference, Space Mono labels. The kotle wordmark uses Nunito ExtraBold, always lowercase. The letter-color treatment (k=yellow, o=orange, t=green, l=teal, e=pink) is the signature mark and should be consistent wherever the wordmark appears.
05 — Usage

In Practice

How the brand applies across the formats COTLE uses most: slides, social media, digital signage, and print.

Sermon Slides
Encounters Series · John 4
The Woman
Who Was Seen
Dark bg · Cormorant Garamond title · Space Mono series label · Red accent bar
Social Media Post
Lulo Clean church name · Cormorant Garamond quote · Space Mono metadata
Digital Signage / Announcements
📖
House at Home Groups
STARTING APRIL 6 · SIGN UP TODAY
🌿
The Table Food Pantry
2ND SATURDAY · 9AM–12PM
⭐
kotle Check-In
LOBBY · BOTH SERVICES
Print / Bulletin (Light Mode)
Church on the Living Edge
Encounters: John 4
Welcome to COTLE. We are glad you are here today. This week we continue our series Encounters, exploring what it means to be truly seen and known by Jesus through the story of the woman at the well.
cotleorlando.com
Print: Cream bg · Times New Roman body · Red COTLE accent · Cormorant heading
06 — Guidelines

Do's & Don'ts

Consistency is credibility. These rules keep the COTLE brand strong across every touchpoint.

Do
Use Lulo Clean for all display headlines — always uppercase
Prioritize dark backgrounds across all digital formats
Use one accent color as the dominant choice per layout
Keep Glacial Indifference for web and digital body text
Use Space Mono for scripture refs, labels, and metadata
Use Times New Roman 12pt for all Word documents
Let kotle use its color palette freely within its contexts
Maintain generous white space — the brand breathes
Don't
Use Lulo Clean in sentence case or lowercase — ever
Use all four accent colors equally in one layout
Use generic fonts like Arial, Inter, or Roboto for headlines
Stretch or distort the logo wordmark
Use kotle color palette in main COTLE sermon contexts
Use DM Sans as primary COTLE body — prefer Glacial Indifference
Use pure purple gradients (that's not COTLE's aesthetic)
Crowd layouts — fewer, bolder elements always win
07 — Dev Reference

CSS Variables

Copy this into any COTLE web project as your starting :root block.

/* ── COTLE Brand Variables ─────────────────────── */ :root { /* Foundations */ --cotle-black: #000000; --cotle-off-black: #0A0A0A; --cotle-card: #1A1A1A; --cotle-white: #FFFFFF; --cotle-gray: #888888; --cotle-cream: #FAF9F5; /* Brand Accents */ --cotle-green: #C6FF00; /* Primary accent */ --cotle-red: #E51D1D; /* Logo / identity */ --cotle-blue: #116DFF; /* Digital / web */ --cotle-gold: #FFD166; /* Celebration */ /* kotle Sub-Brand */ --kotle-yellow: #FFE033; /* K */ --kotle-orange: #FF7A1A; /* O */ --kotle-teal: #00D4B4; /* L */ --kotle-pink: #FF4D6A; /* E */ /* Note: T uses --cotle-green (#C6FF00) to tie into the parent brand */ /* Typography */ --font-display: 'Lulo Clean W01 One Bold', 'Arial Black', Impact, sans-serif; --font-heading: 'Cormorant Garamond', Georgia, serif; --font-body: 'Glacial Indifference', 'DM Sans', Calibri, sans-serif; --font-mono: 'Space Mono', Consolas, monospace; --font-kotle: 'Nunito', sans-serif; /* kotle wordmark — ExtraBold 800, always lowercase */ }