— Brand System

The system.

Visual standards for the Unbehaved brand. Logos, color, typography, voice. Everything required to keep the mark honest.

Version 1.0
Updated May 2026
Owner Lionarts LLP
02 — Color

The palette.

Five neutrals, two reds, two metals. Click any swatch to copy its hex.

Crimson is the only accent color. Use it sparingly — it must read as an alert, never as decoration.

03 — Typography

The voice.

Two families. Citrus Gothic loud, Helvetica Neue quiet.

Display · Citrus Gothic
Citrus Gothic Display · Product names, nav, default headings font-family: "citrus-gothic";
No rules.
Citrus Gothic Rough Taglines, manifesto lines font-family: "citrus-gothic-rough";
No rules.
Citrus Gothic Solid Large headlines, statistic values font-family: "citrus-gothic-solid";
No rules.
Citrus Gothic Inline Decorative — apparel, posters font-family: "citrus-gothic-inline";
No rules.
Citrus Gothic Shadow Decorative — apparel, posters font-family: "citrus-gothic-shadow";
No rules.
Body · Helvetica Neue

Helvetica Neue is the workhorse. Used at weight 300 for paragraphs and weight 500 for small uppercase labels and badges. It carries the technical detail that the display face would shout.

font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
License

Citrus Gothic is licensed via Adobe Fonts

The font itself is not distributed in this brand pack. To use it in your project, follow these steps:

  1. 1
    Sign in to Adobe Fonts

    Visit fonts.adobe.com with your Creative Cloud subscription.

  2. 2
    Search "Citrus Gothic"

    Activate the family, or add it to a Web Project to get a hosted `` tag.

  3. 3
    Add it to your site

    Paste the Adobe-generated `` into your ``, then reference the families in CSS:

    font-family: "citrus-gothic", sans-serif;
font-family: "citrus-gothic-rough", sans-serif;
font-family: "citrus-gothic-solid", sans-serif;
font-family: "citrus-gothic-inline", sans-serif;
font-family: "citrus-gothic-shadow", sans-serif;
  4. 4
    No Adobe subscription?

    Contact us before substituting another typeface — we can advise on licensed alternatives.

04 — Voice

How we speak.

Direct. Mechanical. Confident, not loud. Swedish-Spartan.

a

Direct.

No qualifiers, no apologies, no hedging.

b

Mechanical.

Specifics over slogans. Materials, sealing, threading, tolerances.

c

Confident.

State the upgrade. Don't sell it.

d

Spartan.

Plain sentences. Few words. No exclamation marks.

Do
Your stock cap is plastic with a foam ring. This is 6061 billet with an NBR seal. The upgrade is obvious.
Conceived in Sweden. Owned in the US. Built for anyone who pushes past the limit.
Don't
Discover our amazing new line of premium fuel caps! Available in many exciting colors!
The ultimate luxury upgrade for the discerning rider.
05 — Visual language

The texture.

Grain, hairlines, glitch. The fingerprints that make the brand feel machined.

Film grain

SVG fractal noise overlaid on every surface at ~3.5% opacity. Fixed-position pseudo-element, animated through four micro-shifts at 0.5s steps. Never use raster grain — vector only.

body::before {
  background-image: url("data:image/svg+xml,...feTurbulence...");
  background-size: 256px 256px;
  opacity: 0.035;
}

Crimson hairline

1px crimson divider, 48px wide. The brand's smallest visual signature. Use as a section opener, never as a horizontal rule.

.divider {
  width: 48px;
  height: 1px;
  background: #990c21;
}

Worn logo filter

Optional SVG filter (#logo-worn) that multiplies a warm grain texture against the source graphic. Hero treatments only — never on small or business-card uses.

filter: url(#logo-worn)
        brightness(0.88)
        contrast(1.1);
UNBEHAVED

Glitch

One-frame chromatic-aberration burst on key state transitions (menu open, hero reveal). Reserved for digital surfaces. Do not reproduce in print.

window.__unbehavedGlitchBurst?.(1.0)
06 — Downloads

Take it.

Bundled archives of every asset in this guide. Pick the format you need.

ZIP · SVG

Logos — SVG

All 8 vector lockups, symbols, and wordmarks. Web and digital.

Download
ZIP · WebP

Logos — WebP

All 8 raster equivalents. Use only when SVG is unsupported.

Download
ZIP · EPS

Logos — EPS

Print-ready vector files. Embroidery, decals, large format.

Download
ZIP · Full Recommended

Complete Brand Pack

Everything above plus BRAND_GUIDELINES.md. The full system in one file.

Download
Plain text

Need just the guidelines doc?

The full Markdown reference — colors, fonts, voice, file inventory — is also available as a single file.

Download BRAND_GUIDELINES.md
— Contact

Brand questions, partner enquiries, or alternative formats?

EUlionparts-europe.com USlionparts.com