PushNotif — Visual Brand Identity & Design System (v2.5.0)

← Kembali ke Beranda PushNotif

pushnotif.biz.id • v2.5.0

1. Sistem Logo Resmi & Anatomi Simbol ("Monolith Badge P")

Primary Lockup (Daylight Canvas)

Untuk Navbar Web, Landing Page, & Dokumen Resmi latar terang.

Unduh SVG

Logomark / App Icon ("Monolith Badge P")

Monogram P geometris solid (#111111) + titik badge notifikasi sudut kanan atas.

SVG PNG 512px PNG 120px

Inverse Lockup (Monolith Dark Mode)

Untuk Dark Mode Dashboard, dokumentasi CLI/MCP, atau banner gelap (#0B0D11).

2. Palet Warna SSoT Precision Monolith (WCAG AA Verified)

Precision Navy

#0B1C30

Primary CTA, Heading Utama, & Monolith Core

Signal Cobalt Blue

#0051D5

Interactive Link, Active Badge, & Focus Ring

Emerald Operational

#007A55

Saldo Kuota, Delivered 100%, & Status Edge

Precision Slate Canvas

#F4F7FB

Latar Belakang Aplikasi Light Mode (App Shell)

Pure Surface

#FFFFFF • Border #CBD5E1

Kartu Panel, Tabel Data, & Sidebar

3. Tipografi & Hierarki

Plus Jakarta Sans ExtraBold / Bold

Headline, Wordmark PushNotif, & Angka Saldo Kuota

700–800

Plus Jakarta Sans Regular / Medium

Form Input, Label Navigasi, & Panduan Dokumentasi

400–600

JetBrains Mono

VAPID Public Key, Secret API Key, MCP JSON-RPC, & Snippet SDK

Monospace

4. Positioning & Pilar Brand (pushnotif.biz.id)

Tagline Utama

"Infrastruktur Web Push, In-App Banner, Live Activity Toast & Email Transaksional Prabayar — Mulai Rp 10.000 via QRIS."

3 Janji Utama ke Klien (Value Proposition)

1. Tanpa Sewa Bulanan Dolar (Top-Up Kuota via QRIS sesuai pemakaian, masa aktif selamanya).
2. 100% White-Label (Nama & Logo brand klien sendiri yang tampil di perangkat pelanggan).
3. AI-Native (MCP Server v2.5.0) (24 tools resmi siap dikendalikan dari Claude, Cursor, Windsurf, & ChatGPT).

PushNotif Visual Branding System

1. Sistem Logo Resmi & Anatomi Simbol ("Monolith Badge P")

2. Palet Warna SSoT Precision Monolith (WCAG AA Verified)

3. Tipografi & Hierarki

4. Positioning & Pilar Brand (pushnotif.biz.id)