Brand assets

Brand description & identity system.

How Analytt Digital looks, sounds and shows up across the website, campaigns, reports and client communications. Measurement-first, evidence-led, commercially confident.

Browse asset templates →
Measurement•Clarity•Action
01 / 11

Brand essence

Analytt Digital is a measurement-first performance marketing agency based in Nairobi, serving SMEs, startups and B2B/B2C companies across East Africa. The identity should feel analytical without turning cold, and energetic without getting noisy.

Positioning

A specialist partner in paid media, measurement infrastructure and growth strategy. “A measurement-first agency, by design.”

Personality

Confident, sharp, commercially minded, plain-spoken and collaborative.

Brand promise

Know what each shilling returns. Less guesswork, clearer measurement, better decisions.

Core principles

Clarity

One message per section, strong hierarchy, generous whitespace.

Evidence

Tie claims to tracked outcomes. Zero vanity metrics.

Momentum

Orange marks the next action; directional forms point forward.

Accountability

Every report ends in a named action: scale, cut or test.

Creative north star: Raw signals to measured growth. Layouts move from noise to clarity, with one focal point and one obvious next step.
02 / 11

Logo & brand mark

Two approved assets: the 'tt' arrow symbol and the full wordmark. Use the supplied SVG files as the source of truth.

Wordmark · primary

Analytt Digital wordmark

Wordmark · solid plum

Analytt Digital wordmark light

Clear space

Keep at least the height of the “t” arrow free on every side.

Minimum size

Wordmark: 96 px wide on screen, 24 mm in print. Symbol: 20 px.

Never

Stretch, skew, rotate, outline, add effects, swap the colours or place on busy imagery.

03 / 11

Color palette

Plum anchors the brand and orange signals action and growth. Warm paper and lavender surfaces keep pages calm and spacious.

Core colors

Primary plum
#29223E
Headlines · dark sections
Signal orange
#F04F26
Logo · buttons · footer panel
Headline orange
#E6421D
Accent phrases in headlines

Plum scale

Plum 950
#1C172B
Plum 900
#29223E
Plum 800
#38304F
Plum 700
#4B4265
Plum 600
#625A7A
Plum 500
#7B748F
Plum 400
#A19AAF
Plum 300
#C7C2D0
Plum 200
#E1DEE7
Plum 100
#F0EEF4

Orange scale

Orange 900
#9E2B13
Orange 800
#BD3518
Orange 700
#D53B1A
Orange 600
#E6421D
Orange 500
#F04B25
Orange 400
#FF6847
Orange 300
#FF9279
Orange 200
#FFC0B0
Orange 100
#FFE1D9
Peach
#FFF2ED
Glow · notes

Color balance

Roughly: white 46% · warm paper 14% · plum 24% · lavender 6% · orange 10%. Orange stays an accent.

04 / 11

Typography

Mont is the brand typeface: Mont Black for display, regular weights for calm supporting copy. Headlines are compact, tightly tracked and often broken on purpose.
Display / H1Weight 900Size clamp(46px,6vw,80px)Line 0.98Tracking -0.065em
Performance marketing & growth infrastructure.
H2Weight 900Size 40–56pxLine 1.0Tracking -0.05em
Brand essence & visual language.
H3Weight 700Size 24–28pxLine 1.1Tracking -0.03em
Core principles for measured growth.
BodyWeight 400Size 16pxLine 1.65Tracking 0
Analytt Digital is a measurement-first performance marketing agency based in Nairobi, serving SMEs, startups and B2B/B2C companies across East Africa.
Eyebrow / LabelWeight 600Size 10–11pxLine 1.6Tracking 0.16em
THE IDENTITY SYSTEM

Do

Break headlines deliberately; accent one short phrase in orange; use sentence case; keep body lines under 75 characters.

Avoid

Long all-caps paragraphs, competing display weights, italics, tight body leading, small orange text on white.

05 / 11

Visual style & layout

Pages alternate between three moods: a bright white hero, a plum “data” band, and warm-paper content bands, closed by a rounded orange footer panel. Rhythm comes from changing surface, not from adding decoration.

Hero wash gradient

linear-gradient(105deg,#FFF 0%,#FFF 47%,#FFF7F4 73%,#FFF0EB 100%)

Card shadow

0 4px 14px rgba(41,34,62,.07)

CTA glow

0 8px 22px rgba(230,66,29,.28)
06 / 11

UI components

Crisp, fully rounded and purposeful. Orange is reserved for the main action; secondary actions are white or outlined.
Measurement-first
Metric
+31%
Conversion rate
07 / 11

Imagery & graphic motifs

Real people and real data. The hero artwork is a mosaic of media, analytics and social symbols forming the 'tt' arrows.

Hero artwork

Large symbol mosaic on the right, floating icons at low opacity, soft peach glow behind. Slate left, orange right.

Photography

Authentic East African professionals and teams: warm light, natural expressions, offices and working moments.

Overlay & rings

Photos sit on the orange-to-dark gradient. A translucent ring at one corner adds movement; never use heavy filters.

08 / 11

Voice & messaging

A strategic partner who can read the numbers and explain them without a translator. Direct, local, specific and optimistic.

Voice traits

Clear · Evidence-led · Confident · Commercial · Collaborative.

Message pattern

Problem → Insight → Action → Measured outcome. Name the action: scale, cut or test.

Local currency

Speak in shillings and KES, name Nairobi and East Africa, reference M-Pesa, Google, Meta, TikTok and LinkedIn.

On-brand

  • “Know what each shilling returns.”
  • “Decisions, not dashboards.”
  • “Data is not a dashboard, it’s your competitive edge.”
  • “No deck. No obligation. Just the findings.”

Off-brand

  • “We guarantee explosive growth overnight!”
  • “The world’s most revolutionary solution.”
  • “Leverage synergistic paradigms.”
  • “Skyrocket your likes and followers.”
09 / 11

Brand applications

Assets may vary in layout but keep hierarchy, colour logic, type and rhythm.
10 / 11

Accessibility

Brand colours must remain readable. Keep contrast in mind, especially for small orange text.
PairForeground / BackgroundRatioResultUse
Plum 900#29223E / #FFFFFF15.1:1AAHeadlines, body on white
Body grey#6F687F / #FFFFFF5.3:1AABody copy
Orange 700#D53B1A / #FFFFFF4.7:1AASmall accent text (safe)
Orange 600#E6421D / #FFFFFF4.1:1Large text onlyHeadline accent (large text)
White on plum#FFFFFF / #29223E15.1:1AADark panels

Focus

Every link, button and field shows a visible focus ring in Orange 700.

Motion

Respect reduced-motion: avoid decorative animation where possible.

Data alternatives

Provide a table or text summary for charts and accessible routes.