Sistem desain & panduan brand AlfIDX
Satu sumber kebenaran untuk logo, warna, tipografi, komponen, dan cara bicara AlfIDX — supaya brand-nya konsisten dari homepage sampai tiap tool di subdomain.
Tiga arah, satu sistem
Komponen yang sama bisa berganti kulit lewat tiga tema. Pilih satu sebagai produksi; saat ini terkunci di tema yang ditandai.
Terminal
Bloomberg-style. Hitam pekat, amber, padat data.
data-theme="terminal"Fintech
Modern, terang, navy + crimson. Bersih & ramah.
data-theme="fintech"Bursa
TerkunciDark navy, sinyal hijau-merah, aksen emas.
data-theme="bursa"Wordmark & mark
Rekonstruksi vektor dari logo AlfIDX: ALF (ink) di atas IDX (accent), dengan garis chart yang memotong. Semua versi adaptif terhadap tema.
Lakukan
- • Jaga ruang kosong minimal setinggi huruf “A”.
- • Pakai versi mark untuk avatar & favicon.
- • Biarkan logo mengikuti warna tema.
Hindari
- • Memiringkan, meregang, atau menambah bayangan.
- • Mengganti warna ALF/IDX di luar token tema.
- • Menaruh di atas background yang ramai tanpa kontras.
Token semantik
Warna dirujuk lewat peran (semantic token), bukan nilai hex langsung — jadi sekali tukar tema, seluruh produk ikut berubah.
background
foreground
primary
accent
up
down
gold
| Token | Peran | Fintech | Terminal | Bursa |
|---|---|---|---|---|
| background | Kanvas utama | #F7F8FA | #07090D | #0A1126 |
| foreground | Teks utama | #0E1526 | #E6E1D3 | #E8ECF5 |
| primary | Aksi & brand utama | #1E2B4D | #FFB000 | #16B364 |
| accent | Sorotan / CTA | #E11D3A | #FF7A00 | #FF4D5E |
| up | Sinyal naik | #0FA968 | #19D27C | #16B364 |
| down | Sinyal turun | #E11D3A | #FF3B3B | #FF4D5E |
| gold | Premium / Pro | #C58E2F | #FFB000 | #E7B53C |
Space Grotesk · Inter · JetBrains Mono
Display tajam (Space Grotesk), body bersih & terbaca (Inter), data presisi pakai mono dengan tabular figures.
Primitif UI
Komponen dasar yang dipakai ulang di seluruh ekosistem AlfIDX.
Buttons
Badges
Card
Kartu interaktif
Hover untuk melihat elevasi & glow sesuai tema aktif.
Tajam, jujur, sedikit nakal
Cara AlfIDX bicara: lugas, berbasis data, dan nggak takut bercanda — tapi nggak pernah jualan mimpi.
Suara kita
- • “Beli FCA itu bukan judi — pure supply & demand.”
- • “Entry di saat tepat, exit di saat tepat. By data.”
- • Pakai istilah khas: feelingmology, judaymology.
Bukan suara kita
- • “Dijamin cuan! Auto kaya!” — no hype, no janji.
- • Bahasa kaku ala laporan korporat.
- • Sinyal tanpa alasan & tanpa data.
Master brand & sub-brand
AlfIDX adalah induk. Tiap tool jadi sub-brand dengan kode pendek dan rumah di subdomain.
| Kode | Nama | Subdomain |
|---|---|---|
| FCA | FCA Reader | fca.alfidx.my.id |
| 5% | Kepemilikan 5% | 5pct.alfidx.my.id |
| 1% | Komposisi 1% | 1pct.alfidx.my.id |
| AVGD | Average Down | avgd.alfidx.my.id |
| SCALC | Scalper Calc | scalc.alfidx.my.id |
| FMID | FMID | fmid.alfidx.my.id |
| ADIMOLOGI | Adimologi | adimologi.alfidx.my.id |
Catatan: nama & kode masih draf — akan dikunci saat detail tiap tool dikonfirmasi.