Official Brand Guidelines

DIMI Identity

Where Music Gets Made Live — Design System & Brand Standards

Logo System

3 approved variants

Variant A
3D Lockup · Crosshair

Primary

Variant B
3D Lockup · Clean

Secondary

Variant C
Wordmark · Separated

Horizontal

On Black ✓

On Dark ✓

On Green Tint ✓

On Light ✓

Digital / Animated Lockup

dimi

Clearspace — Minimum

dimi

Maintain 1× logo height on all sides

Minimum Size

dimi

120px digital

dimi

32px favicon

Color Palette

Extracted from logo identity

DIMI Green

#2EE62E

Primary Accent

Green Mid

#1DB81D

Active States

Green Deep

#0D7A0D

Shadows / Depth

Chrome

#E8EDE8

Logo Text / UI

DIMI Black

#080806

Background

Iridescent

Gradient

EQ Icon Shimmer

Secondary UI Palette

Live Red

#FF4D4D

Live Indicators

Teal

#3DD6C8

Viewer Count

Surface

#141410

Cards / Panels

Card

#1A1A15

Card BG

Muted

#5A5E50

Body / Labels

Green Dim

rgba(46,230,46,0.1)

Tinted BGs

Typography

3-font system

Fraunces

Display & Headlines
Weight: 900 / 300 italic
Use: Hero text, titles

Where Music Gets Made

Live, Together.

Fraunces

Section Headings
Weight: 400
Use: Section titles, cards

Live Sessions · Discover Creators

Geist Mono

UI / Labels / Data
Weight: 300–700
Use: Tags, stats, nav, code

LIVE · 1,247 WATCHING · TRAP / SOUL

Session Started · 2h 14m ago · 3 Collaborators

DM Sans

Body Copy
Weight: 300–500
Use: Descriptions, UI copy

Watch songs being made before anyone else hears them. Discover producers, join sessions, and tip creators in real time.

UI Components

Reusable design elements

Buttons

Badges & Tags

LiveSession ActivePhase 1Trap / SoulAfrobeats◉ 1,247 Watching

Form Inputs

Email Address

Search Sessions

Session Card

Live◉ 847

R&B / Soul

Blue Hours — Collab

KayDee · 3 collaborators

Motion Language

Animation patterns

EQ Waveform Bars
Core brand motion

Crosshair Pulse
Logo accent / targeting

Glow Pulse
Live indicators

Session Live

Easing Curve
All transitions

ease-in-out · 0.2s → hover states
ease · 0.5–0.8s → page reveals
ease-in-out · infinite → waveform loops

Icon System

Platform iconography

▶

Play

◉

Live

💸

Tip

⬡

Session

⌕

◈

DIMI Mark

↺

Replay

⊠

⋯

↗

♪

Audio

Spacing Scale

4px base unit

--space-1

4px

--space-2

8px

--space-3

12px

--space-4

16px

--space-6

24px

--space-8

32px

--space-12

48px

--space-16

64px

Brand Rules

Do's and don'ts

✓ Do

✓ Use the logo on dark or near-black backgrounds

✓ Use DIMI Green (#2EE62E) as the primary accent color

✓ Keep the EQ waveform icon paired with the wordmark

✓ Use Fraunces for all display and headline text

✓ Maintain the crosshair accent as a brand signature

✓ Write brand name as "DIMI" in all caps in body copy

✗ Don't

✗ Don't place logo on busy photographic backgrounds

✗ Don't use purple gradients — that's the competitor aesthetic

✗ Don't stretch, rotate, or distort the logo

✗ Don't use Inter, Roboto, or Arial anywhere in DIMI UI

✗ Don't refer to DIMI as a "DAW" or "social media app"

✗ Don't use the green on white — insufficient contrast