Skip to content

Brand Kit

Visual Identity Guidelines

Resources, guidelines and brand assets for partners, press and integrations.

Download assets

About abemon

abemon is a tech consultancy and software developer headquartered in Las Palmas de Gran Canaria (ZEC). We design, build and operate custom software solutions with multidisciplinary engineering, data and AI teams. Four proprietary platforms: abemonFLOW, abemonVOICE, abemonTRANSPORT and abemonCUSTOMS.

Copy-paste ready for editorial use and press releases.

Naming & Spelling

✓ Correct

abemon

abemonFLOW™

abemonVOICE™

abemonTRANSPORT™

abemonCUSTOMS™

✕ Incorrect

Abemon

ABEMON

AbeMon

abemon Flow

Abemon FLOW

Logos

Our logo is the most recognizable brand asset. Always use it with sufficient clear space and without modifications.

Wordmark

abemon wordmark in orange on light background — SVG vector format
On light background
#FF6B35
abemon wordmark in white on dark background — SVG vector format
On dark background
#FFFFFF

Monogram

abemon monogram in orange on light background
Orange / Light
abemon monogram in orange on dark background
Orange / Dark
abemon monogram in white on accent orange background
White / Accent
abemon app icon, 512x512px, orange background with white monogram
App Icon

Product Lockups

abemonFLOW lockup in orange, vector format
abemonFLOW™ — Orange on Light
abemonFLOW lockup in white on dark background, vector format
abemonFLOW™ — White on Dark

Clear Space

Maintain a minimum exclusion area around the logo equal to the height of the letter "a" in the wordmark.

abemon logo with clear space boundary indicated by dashed lines
a
a
a
a

Minimum: 1x the height of the "a" from the wordmark on each side.

Incorrect Usage

Incorrect logo usage example: Don't distort
✕ Don't distort
Incorrect logo usage example: Don't recolor
✕ Don't recolor
Incorrect logo usage example: Don't add effects
✕ Don't add effects
Incorrect logo usage example: Don't rotate
✕ Don't rotate
Incorrect logo usage example: Don't use as outline
✕ Don't use as outline
Incorrect logo usage example: Don't use on busy backgrounds
✕ Don't use on busy backgrounds

Color Palette

Our palette is built on two colors: accent orange and dark ink, complemented by functional tints for each product.

Primary

Products

Surfaces

Typography

We use Inter Variable as our sole typeface. Weights from 400 to 700. Sans-serif. Screen-optimized.

Display

clamp(3rem, 5vw, 4.5rem)

Weight: 700

abemon

H1

2.5rem (40px)

Weight: 700

Main heading

H2

2rem (32px)

Weight: 700

Section heading

H3

1.5rem (24px)

Weight: 600

Subsection

Body Large

1.125rem (18px)

Weight: 400

Introductory text with more visual presence.

Body

1rem (16px)

Weight: 400

Standard text for general content paragraphs.

Small

0.875rem (14px)

Weight: 500

Labels, captions and metadata

XS

0.75rem (12px)

Weight: 600

EYEBROW · BADGES

Monospace

JetBrains Mono · Fira Code

const abemon = { engineering: true, delivery: 'governed' };

Brand Voice

How we speak. The tone that defines every abemon communication.

Tone

Precise, confident, technical. Never salesy or hyperbolic.

Vocabulary

Engineering terms over marketing buzzwords. "We implemented" not "we empowered". "We reduced" not "we optimized synergies".

Structure

Short sentences. Active voice. Data before opinions. No empty adjectives.

Personality

The senior engineer who explains complex things simply. Direct, respectful, never condescending.

✓ This sounds like abemon

"We reduced operational exceptions by 42%."

"We build custom software with dedicated teams."

"Our governed delivery model eliminates operational drift."

✕ This does NOT sound like abemon

"We are leaders in innovative digital transformation solutions."

"We empower your business with cutting-edge technology."

"Our synergistic ecosystem maximizes holistic impact."

Design Tokens

Exportable design tokens for programmatic integrations.

CSS Custom Properties 
:root {
  --abemon-accent: #FF6B35;
  --abemon-accent-hover: #E85A28;
  --abemon-ink: #1C1917;
  --abemon-ink-muted: #78716C;
  --abemon-surface: #FAFAF9;
  --abemon-border: #E7E5E4;
  --abemon-font: 'Inter Variable', sans-serif;
  --abemon-radius: 12px;
}
JSON Tokens 
{
  "color": {
    "accent": "#FF6B35",
    "accent-hover": "#E85A28",
    "ink": "#1C1917",
    "ink-muted": "#78716C",
    "surface": "#FAFAF9",
    "border": "#E7E5E4"
  },
  "font": "Inter Variable",
  "radius": "12px"
}

Brand in Context

How the abemon visual identity is applied across real-world touchpoints.

Business card

Logo on business card

MJ Gonzalez

Director General

mj@abemon.es

+34 928 000 000

Email signature

MJ Gonzalez

Director General · abemon

Monogram in email signature

abemon.es

Las Palmas de Gran Canaria

Website header

abemon.es
Logo in website header
Solutions Services Insights

Governed Execution

Engineering that delivers.

CTA

Download assets

Logos in SVG, PNG and PDF. Color palette. Typography.

Download assets

SVG + PNG + Tokens · ~111KB