DEP
PT. Dinamika Electro Plating Brand & Design System
DEP Design System · v1.0

One company,
one voice,
one system.

The visual and content identity for PT. Dinamika Electro Plating — an Indonesian industrial electroplating service company, established 1983 in Bandung. This document is the single entry point for every communication we ship: web, decks, proposals, certificates, signage.

Founded
26 April 198340+ tahun · Bandung
Industry
ElectroplatingB2B · industrial finishing
Posture
Veteran supplierfactual · bilingual · unfussy
System v1
2026first digital codification
About the Company

A Bandung electroplating partner, since 1983.

Metal-finishing services for automotive parts, household & kitchen goods, and office supplies — built on four decades of process discipline.

DEP provides jasa electroplating — Zinc, Nickel Chrome, and Nickel Brass plating in both rack and barrel methods — to industrial customers across Indonesia. Operations are anchored by an in-house IPAL (Instalasi Pengolahan Air Limbah) using elektrokoagulasi, calibrated thickness measurement, and Salt Spray Test capability through a partner laboratory.

The brand speaks in the voice of a veteran B2B supplier: confident, procedural, and respectful. Bilingual by default — Indonesian-first body copy, English-supporting section titles — mirroring how the company already writes.

Mission

Secara konsisten melakukan perbaikan berkelanjutan untuk meningkatkan kualitas produk yang dihasilkan, output produksi, dan efisiensi kerja, dengan tetap meminimalisir dampak negatif yang ditimbulkan dari proses produksi yang berlangsung.

Vision

Menjadi perusahaan penyedia jasa electroplating, yang berfokus pada jasa plating yang berkualitas, berorientasi pada kepuasan pelanggan, harga yang kompetitif, dan efisiensi proses produksi.

Logo

The wordmark inside a red frame.

Three approved variants — the full lockup, the compact mark, and a reverse mono for dark surfaces. Never redraw, never use the raster JPEG on the web.

DEP full lockup
logo.svg — default lockup
DEP mark
logo-mark.svg — compact
DEP white
logo-mono-white.svg — reverse
Voice & Tone

Confident, not boastful.

DEP communicates as a veteran B2B industrial supplier — not a startup, not a consumer brand. Lean on dates and credentials; let the work speak.

Confident

Lean on dates and credentials — "Berdiri sejak 1983", "40+ tahun pengalaman" — never adjectives.

Service-oriented

Customer comes first. Use Anda (formal "you") and kami ("we"), never kamu or aku.

Procedural

Sentences favor process over personality. Short, clean, declarative.

Bilingual

Section titles often English ("Our Services"), body copy Indonesian. Mirror this rhythm.

Vocabulary
Use
  • jasa electroplating
  • pelanggan, mitra, klien
  • kualitas, konsisten, efisien
  • berkualitas, berpengalaman
  • Hubungi kami
Avoid
  • "plating solutions"
  • "user", "consumer"
  • "world-class", "innovative"
  • "cutting-edge"
  • "Get in touch", "Let's chat"
Color

Blue. Red. Steel. That's it.

Every color in the system reinforces the logo: a deep cobalt-blue wordmark inside a thin red rounded-rectangle border on white.

Primary
DEP Blue
#054493 · --dep-blue
Headlines, primary buttons, link text, inverted backgrounds.
Accent
DEP Red
#CD090B · --dep-red
Used sparingly. Borders, accent lines, danger states. Never a large fill behind body text.
Inverse
Blue Ink
#021E45 · --dep-blue-ink
Hero / footer / quote backgrounds. White text mandatory; never red on this background.
Steel — neutrals (cool, slightly blue-shifted)
50
100
200
300
400
500
600
700
800
900
Typography

Barlow leads. Inter follows. Mono for the spec sheet.

A tight three-family system — geometric display for confidence, neutral body for legibility, monospace for technical detail.

Barlow Display · 700 / 800 / 900 Headlines, wordmark, big numbers.
Berdiri sejak 1983.
Plating yang berkualitas.
Inter Body · 400 / 500 / 600 Paragraphs, UI, captions.
DEP melayani jasa electroplating untuk industri otomotif, peralatan rumah tangga, dan office supplies. Pelapisan zinc, nickel chrome, dan nickel brass — metode rack dan barrel — diuji ketebalannya dan dapat dilengkapi dengan Salt Spray Test melalui laboratorium rekanan.
JetBrains Mono Mono · 400 / 500 Specs, part numbers, dimensions.
PART-NO · DEP-ZN-0426-83
THICKNESS · 8.2 µm ±0.4
TEST · SST 96h pass · ISO 9227
BATCH · 2026-04-26 · rack #03
System Tokens

Spacing, radii, motion.

Everything is on a 4px grid. Three soft elevations. Two easings. No bouncy springs.

Spacing — 4px grid

  • --sp-14px
  • --sp-28px
  • --sp-416px
  • --sp-624px
  • --sp-832px
  • --sp-1248px
  • --sp-2080px
  • --sp-2496px

Radii

  • --r-sm4px · inputs
  • --r-md8px · buttons, cards
  • --r-lg12px · large cards
  • --r-xl20px · hero panels
  • --r-logo34px · brand frame
  • --r-pill999px · status pills

Motion

  • --dur-fast120ms · micro
  • --dur-base200ms · default
  • --dur-slow360ms · large surface
  • --ease-standardease-in-out
  • --ease-outappearing
Buttons
Hard Rules

Do, don't.

A short list of the rules that protect the brand. Everything else is judgment.

Do

  • Always include the "PT." prefix when writing the company name in full.
  • Use --dep-blue (#054493) for primary, --dep-red (#CD090B) sparingly as accent only.
  • Quote the company's mission, vision, and service names verbatim — don't machine-translate.
  • Default to Indonesian-first body copy with English-supporting section titles.
  • Use Lucide icons or skip — 2px stroked, geometric.

Don't

  • No emoji anywhere. This is a heavy-industry brand.
  • No purple, no pastel, no neon. Palette is blue + red + steel grey.
  • No bluish-purple gradients. No glassy / glossy effects. No gradient pills.
  • No bouncy / springy / playful animation. Fades and small translates only.
  • Never use red as a large fill behind text — it competes with the blue.
End-to-end Example

See the system applied: marketing-site mock.

Hero, services, customers, facilities, contact form — every token from this document, applied to a full landing page.

Open marketing site →
Library Index

Every reference card and asset, in one place.

Atomic-level previews — palette, type, components, voice — plus the source assets and the full applied example.

Foundations
Components
Brand
Source & reference