Yireh Business Solutions - Brand Kit
Brand Kit

Yireh Business Solutions

The V2 brand system. Colour, type, logo, components and voice, in one place. Everything here is the single source of truth for how the brand looks and sounds.

Founded 2016
200+ projects delivered
5.0 Google rating
01  Colour

Colour palette

Teal is the primary accent and brand black anchors the dark heroes. Keep the palette exactly as below. Do not introduce new colours without sign-off.

Teal
#16d6c6
Primary accent, buttons, links
Teal Dark
#0fb5a7
Button hover state
Teal Dim
#0d9a8e
Deeper accent, icons
Brand Black
#111211
Heroes, nav, badges
Footer Black
#0a0b0a
Footer background
Teal Light
#b2f0eb
Focus rings, soft accents
Teal Pale
#e8faf9
Tint backgrounds, notes
WhatsApp Green
#25D366
WhatsApp only
Grey
#4b4d4c
Body text
Grey Light
#6e706f
Secondary text
Grey Border
#d8d9d8
Borders, dividers
Off White
#f8f8f8
Light section fills, inputs
02  Typography

Typography

Two typefaces do all the work: Sora for headings, DM Sans for body. Both from Google Fonts, loaded with display=swap.

Headings — Sora, weights 300 to 800, line-height 1.15
Let's Build Your Dream Together
Light 300 Regular 400 Semibold 600 Bold 700 Extrabold 800
Body — DM Sans, weights 300 / 400 / 500, line-height 1.6, base 16px
Professional website design for businesses across Gauteng. Custom-built, mobile-ready sites designed to get your business found on Google. You deal directly with the designer, from first sketch to launch.
Eyebrow label — Sora, uppercase, letter-spacing 0.1em, teal line 32 x 2px
Payment Options
03  Logo

Logo usage

The teal logo is the master asset. Because it is already teal, it sits naturally on both light and dark backgrounds with no treatment. Give it clear space and never stretch or recolour it.

Yireh teal logo on white
Master teal logo on white or off-white.
Yireh teal logo on brand black
On brand black, the teal logo sits naturally, no filter needed.
04  Signature elements

Signature elements

The details that make a page unmistakably Yireh. Use them on hero and closing sections.

Dot texture
radial-gradient teal dots at 6% opacity, 32px grid, over brand black.
Teal glow
Soft radial teal blob behind hero content for depth.
Eyebrow
Eyebrow label
32 x 2px teal line plus uppercase Sora label, spacing 0.1em.
05  Components

Buttons and cards

Primary buttons are teal fill with black Sora 700 text and a 4px radius, hover to teal dark. Secondary buttons are black-fill or dark-outline.

Buttons

Primary, dark and outline.

Card

Off-white fill, subtle border, 12px radius. Feature, pricing, portfolio and FAQ cards all share this language.

06  Voice

Tone of voice

Professional, direct and confident. "Yireh" carries a faith meaning that is surfaced tastefully on the most personal pages, never heavy-handed.

Do

  • Write clean, direct, professional copy
  • Lead with the benefit to the local business
  • Use plain rands and clear numbers
  • Surface faith with a light, tasteful touch where it fits
  • Speak to Gauteng suburbs and real places

Do not

  • Use long dashes anywhere
  • Use emojis in copy, headings or UI
  • Keyword-stuff or write filler
  • Overstate or invent statistics and prices
  • Make faith heavy-handed or preachy