Internal document

Design
manual

GMMedia visual identity guidelines — logos, colours, typography and graphic elements for consistent communication.

80160240285684112CAPBL42 pt200 pt
01 — Logos

Logotype

Symbol — light on dark

Symbol — light on dark

For dark / black backgrounds

Symbol — dark on light

Symbol — dark on light

For light / white backgrounds

Open Graph / Social

Open Graph / Social

1200 × 630 px — social media sharing

Usage rules, clearspace, minimum size and prohibited modifications are described in the detailed guide.

Logo usage rules
02 — Colours

Colour palette

The primary brand colour is Gold #C9A227. It is always used against a dark background — never on white without adaptation. Use Pantone values for print.

Primary

Gold

Primary / Accent

HEX#C9A227RGBRGB 201, 162, 39CMYKCMYK 0, 19, 81, 21PantonePantone 7409 C

Black

Background

HEX#090909RGBRGB 9, 9, 9CMYKCMYK 0, 0, 0, 96PantonePantone Black C

Cream

Primary text

HEX#E2D9CERGBRGB 226, 217, 206CMYKCMYK 0, 4, 9, 11PantonePantone 9202 C

Card Dark

Cards / Surfaces

HEX#111111RGBRGB 17, 17, 17CMYKCMYK 0, 0, 0, 93PantonePantone Black 6 C

Border

Borders / Dividers

HEX#242424RGBRGB 36, 36, 36CMYKCMYK 0, 0, 0, 86Pantone–

Muted

Secondary text

HEX#8C8C8CRGBRGB 140, 140, 140CMYKCMYK 0, 0, 0, 45PantonePantone Cool Gray 8 C

Tonal scales, colour combination rules, UI element usage and colour space overview are described in the detailed guide.

Colour usage rules
03 — Typography

Typeface

Typeface

Plus Jakarta

Sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii

GMMedia develops voice AI assistants for automated phone communication. The technology works 24/7, with no waiting and instant response.

Source

Google Fonts — free to use, no licence fee

fonts.google.com/specimen/Plus+Jakarta+Sans

Aa

400

Regular

Body text, labels, meta info

Aa

600

SemiBold

Emphasis in text, buttons, navigation

Aa

700

Bold

H3–H4 headings, badge texts

Aa

800

ExtraBold

Main H1–H2 headings, hero titles

Rules

  • → Headings: font-display (ExtraBold 800)
  • → Body text: font-body (Regular 400)
  • → Navigation, buttons: uppercase + letter-spacing
  • → Never use italic for UI elements
04 — Brand name

Brand name spelling

The brand name has precise rules. Always use one of the approved variants — especially in print, presentations and on the web.

✓GMMedia
✓GM Media
✓GMM
✗Gm Media
✗GmMedia
✗gmm
✗G.M.M.
✗GMMEdia

Legal company name

GM Media s.r.o.

In legal documents, contracts and invoices always use the exact registered name: GM Media s.r.o.

05 — Visual elements

Visual elements

The GMMedia graphic system is built on the contrast of dark and gold, sharp geometric shapes, and a network pattern symbolising connectivity and technology.

Network Overlay

Network pattern — used as hero section background and decorative element. Always low opacity (20–60%).

BTN
CARD
TAG

Sharp corners

No rounded corners (border-radius: 0–2px). Geometric precision reflects the technical precision of AI.

Gold line

Gold line as a section divider. Gradient version for hero, solid for card separators.

Animated

Animated Border

Rotating gold gradient border — used to highlight key UI elements and demo blocks.

BadgeSection

Badge / Label

Small typographic labels for marking sections. Gold variant with pulsing dot indicator.

Dark

+ Gold

Dark + gold contrast

The core visual principle — maximum contrast between a dark background and a gold accent creates a premium effect.

06 — Templates

Print materials

Corporate templates for print and digital communication. When editing, maintain the defined colours, typeface and element layout.

Letterhead

Digital version — A4, ready for both print and electronic use