System Requirements Document for trading-gold

1. Introduction

trading-gold adalah proyek yang menghasilkan indikator trading lengkap untuk platform MetaTrader 5 (MT5) yang dirancang khusus untuk gaya scalping pada instrumen Gold (XAUUSD). Produk ini menyediakan tiga hal yang diminta secara eksplisit oleh pengguna:

1. Kode lengkap yang dapat langsung digunakan — sumber MQL5 utuh (bukan potongan parsial) yang dapat dikompilasi dan dipasang pada MT5.
2. Petunjuk pemasangan — langkah demi langkah memasang indikator pada platform MT5.
3. Penjelasan logika sinyal — kondisi Buy, kondisi Sell, cara kerja filter tren, serta penentuan level Stop Loss (SL) dan Take Profit (TP).

Indikator menyediakan fitur wajib: sinyal Buy/Sell, filter tren, dan level SL/TP, dengan gaya trading scalping pada Gold.

Audiens: Trader mandiri (retail maupun semi-pro) yang men-scalp XAUUSD di MetaTrader 5 dan menilai perangkat lunak dari apakah ia terasa seperti instrumen yang dapat dipercaya — presisi, terkalibrasi, tanpa basa-basi.

Bahasa produk: Seluruh antarmuka dan dokumentasi disajikan dalam Bahasa Indonesia, sesuai konteks pengguna (Zainal Arifin, ID).

2. System Overview

Produk ini adalah situs dokumentasi dan distribusi statis yang menyajikan indikator MT5 untuk scalping Gold. Situs tidak mengeksekusi trading, tidak terhubung ke akun broker, dan tidak memproses data pasar secara langsung — ia menyampaikan kode, cara memasang, dan logika sinyal kepada trader.

Aktor:

• Trader (Pengguna Indikator) — persona manusia aktif tunggal. Membaca penjelasan, menyalin kode MQL5, memasang indikator di MT5, dan menginterpretasikan sinyal Buy/Sell, filter tren, serta level SL/TP untuk mengambil keputusan entry/exit secara mandiri.

Perilaku yang diterima:

• Menyajikan kode sumber MQL5 lengkap yang dapat disalin dan digunakan langsung pada instrumen Gold.
• Menyajikan petunjuk pemasangan indikator pada MT5 langkah demi langkah.
• Menjelaskan logika sinyal: kondisi Buy, kondisi Sell, kerja filter tren, dan penentuan level SL/TP untuk gaya scalping Gold.
• Halaman awal menjelaskan indikator, sasaran trader, fitur, dan mengarahkan ke kode, pemasangan, serta logika sinyal.

Kepemilikan (ownership):

• Seluruh halaman adalah custom page milik aplikasi dengan akses none (anonim, tanpa login). Tidak ada identitas aplikasi, tidak ada akun, tidak ada sesi terautentikasi — sesuai kontrak halaman final.
• Eksekusi indikator (menghitung sinyal, menggambar pada chart, menampilkan level SL/TP) berjalan di dalam terminal MT5 milik trader, bukan di server aplikasi. MT5 adalah lingkungan eksternal tempat indikator dijalankan.

Pengecualian sempit (narrow exclusions):

• Tidak ada eksekusi order otomatis, tidak ada koneksi broker, tidak ada manajemen akun, tidak ada autentikasi.
• Tidak ada backend yang memproses data pasar atau menyimpan state trader.
• Tidak ada fitur di luar: kode lengkap, pemasangan, dan logika sinyal.

2a. Product Interpretation and Delivery Boundary

Batas pengiriman (delivery boundary): Produk ini adalah situs statis yang dapat diakses publik tanpa akun. Trader membuka halaman, membaca, menyalin kode, dan mengikuti petunjuk pemasangan. Tidak ada langkah pendaftaran, tidak ada login, tidak ada state yang perlu dilanjutkan antar sesi — sehingga tidak ada identitas aplikasi yang diperlukan.

Batas saat ini (current): Empat halaman — Landing, Code, Installation, Signal Logic — semuanya dapat diakses anonim. Kode MQL5 lengkap, petunjuk pemasangan, dan penjelasan logika sinyal adalah konten saat ini.

Batas masa depan (future): Tidak ada. Pengguna tidak menyatakan kebutuhan masa depan. Segala penambahan di luar tiga hasil yang diminta (kode, pemasangan, logika sinyal) berada di luar lingkup.

Kepemilikan eksternal: MetaTrader 5 dimiliki dan dioperasikan oleh MetaQuotes/broker. Aplikasi hanya menyediakan artefak (kode MQL5) dan dokumentasi; trader yang memasang dan menjalankannya di MT5 mereka sendiri.

2b. Source Content Inventory

Tidak ada directive referensi dengan content_source yang disuplai. Bagian ini tidak berlaku.

2c. Page Content and Component Coverage

Landing

Informasi/state:

• Judul instrumen: "XAUUSD SCALPING INSTRUMENT" (headline condensed uppercase, tiga baris).
• Penjelasan singkat: indikator MT5 untuk scalping Gold, sasaran trader, fitur Buy/Sell, filter tren, SL/TP.
• Kartu readout sinyal langsung: gauge filter tren melingkar, baris SIGNAL = BUY (gold), TREND FILTER = BULLISH (teal), SL / TP = 2304.60 / 2312.80 (numerik tabular condensed).
• Navigasi ke Code, Installation, Signal Logic.

Aksi utama:

• CTA "GET THE CODE" (gold, squared) → menuju halaman Code.
• CTA sekunder "VIEW SIGNAL LOGIC" (teal) → menuju halaman Signal Logic.

Aksi pendukung:

• Navigasi rail kiri (tick-label) ke setiap bagian.
• Membaca ringkasan fitur.

Entitas domain:

• Indikator MT5 (MQL5), instrumen Gold (XAUUSD), sinyal Buy/Sell, filter tren, level SL/TP.

Tanggung jawab komponen:

• Hero panel full-bleed: headline + gold rule + dua CTA.
• Kartu readout sinyal: gauge tren, tiga baris ruled (SIGNAL, TREND FILTER, SL/TP).
• Rail navigasi tick-label (72px desktop, 56px top bar mobile).
• Gambar makro gold-surface yang bleed ke tepi kanan (dekoratif, tidak menutupi teks/kontrol).

State:

• Loading: tidak ada (konten statis).
• Empty: tidak berlaku.
• Success: halaman tampil dengan headline, CTA, dan kartu readout lengkap.
• Error: tidak berlaku (statis).
• Recovery: tidak berlaku.

Code

Informasi/state:

• Kode sumber MQL5 lengkap untuk MT5, dengan penomoran baris.
• Legenda parameter di kolom kanan: setiap baris parameter sebagai pasangan label/nilai ruled dalam numerik condensed tabular.
• Nama file yang disarankan dan lokasi pemasangan (folder Indicators).

Aksi utama:

• Menyalin kode lengkap ke clipboard.
• Membaca parameter dan nilainya.

Aksi pendukung:

• Scroll kode berpenomoran baris.
• Navigasi ke Installation dan Signal Logic.

Entitas domain:

• File .mq5, parameter indikator (periode, level SL/TP, ambang filter tren), instrumen Gold.

Tanggung jawab komponen:

• Scroll kode gelap berpenomoran baris (monospace, 13.5px, line-height 1.7).
• Kolom legenda parameter (ruled label/value, condensed tabular).
• Tombol salin kode.
• Gambar makro pembuka section (dekoratif).

State:

• Loading: tidak ada.
• Empty: tidak berlaku (kode selalu tersedia).
• Success: kode tampil lengkap dan dapat disalin.
• Error: jika clipboard tidak tersedia, tampilkan instruksi seleksi manual.
• Recovery: seleksi manual seluruh blok kode.

Installation

Informasi/state:

• Urutan langkah bernomor vertikal (ruled step rows, bukan kartu).
• Setiap langkah: nomor, judul, dan instruksi konkret.
• Lokasi folder MQL5/Indicators, cara kompilasi di MetaEditor, cara melampirkan indikator ke chart XAUUSD.

Aksi utama:

• Mengikuti langkah pemasangan secara berurutan.
• Menavigasi antar langkah.

Aksi pendukung:

• Navigasi ke Code dan Signal Logic.

Entitas domain:

• MetaTrader 5, MetaEditor, folder MQL5/Indicators, chart XAUUSD, file .mq5/.ex5.

Tanggung jawab komponen:

• Daftar langkah bernomor ruled.
• Gambar makro pembuka section (dekoratif).
• Rail navigasi tick-label.

State:

• Loading: tidak ada.
• Empty: tidak berlaku.
• Success: seluruh langkah tampil berurutan dan dapat diikuti.
• Error: tidak berlaku (instruksi statis).
• Recovery: tidak berlaku.

Signal Logic

Informasi/state:

• Matriks keputusan: baris kondisi Buy, baris kondisi Sell, dan gate filter tren.
• Sel gold untuk kondisi Buy, sel teal untuk kondisi Sell, garis grid hairline.
• Penjelasan penentuan level SL/TP untuk scalping Gold.

Aksi utama:

• Membaca kondisi Buy dan Sell.
• Memahami cara kerja filter tren sebagai gate.
• Memahami cara level SL/TP ditentukan.

Aksi pendukung:

• Navigasi ke Code dan Installation.

Entitas domain:

• Kondisi Buy, kondisi Sell, filter tren (bullish/bearish), level SL, level TP, pip distance, XAUUSD.

Tanggung jawab komponen:

• Matriks keputusan ruled (baris Buy/Sell/gate, sel gold/teal).
• Gauge filter tren melingkar (needle sweep sekali saat scroll-in).
• Tabel level SL/TP dengan numerik tabular condensed.
• Gambar makro pembuka section (dekoratif).

State:

• Loading: tidak ada.
• Empty: tidak berlaku.
• Success: matriks dan penjelasan tampil lengkap.
• Error: tidak berlaku.
• Recovery: tidak berlaku.

3. Functional Requirements

FR-1 — Kode MQL5 lengkap dan dapat digunakan As a Trader (Pengguna Indikator) I should mendapatkan kode sumber MQL5 lengkap untuk MT5 yang dapat langsung dikompilasi dan dipasang pada instrumen Gold so that saya dapat menjalankan indikator tanpa menulis atau melengkapi kode sendiri.

• Provenance: explicit
• Trigger/input: Trader membuka halaman Code.
• Observable result: Kode MQL5 utuh (bukan potongan parsial) tampil dengan penomoran baris dan dapat disalin.
• Access state: anonim (none).
• Failure/recovery: Jika clipboard tidak tersedia, trader dapat menyeleksi dan menyalin blok kode secara manual.
• Continuation: Trader melanjutkan ke halaman Installation.

FR-2 — Sinyal Buy/Sell As a Trader (Pengguna Indikator) I should menerima sinyal Buy dan Sell dari indikator pada chart XAUUSD so that saya dapat mengambil keputusan entry secara mandiri.

• Provenance: explicit
• Trigger/input: Kondisi pasar pada XAUUSD yang dievaluasi indikator di MT5.
• Observable result: Indikator menampilkan sinyal Buy atau Sell pada chart.
• Access state: anonim (none) untuk dokumentasi; eksekusi di MT5 milik trader.
• Failure/recovery: Jika kondisi tidak terpenuhi, tidak ada sinyal yang ditampilkan.
• Continuation: Trader membaca level SL/TP yang menyertai sinyal.

FR-3 — Filter tren As a Trader (Pengguna Indikator) I should mendapatkan filter tren yang menyaring sinyal so that saya hanya mengambil sinyal yang searah dengan tren dominan.

• Provenance: explicit
• Trigger/input: Evaluasi tren pada XAUUSD oleh indikator.
• Observable result: Status filter tren (bullish/bearish) ditampilkan; sinyal yang berlawanan tren disaring.
• Access state: anonim (none).
• Failure/recovery: Jika tren tidak jelas, filter menahan sinyal hingga kondisi jelas.
• Continuation: Trader menunggu sinyal yang lolos filter.

FR-4 — Level Stop Loss dan Take Profit As a Trader (Pengguna Indikator) I should mendapatkan level SL dan TP yang disertakan pada setiap sinyal so that saya dapat menetapkan batas risiko dan target profit secara terukur.

• Provenance: explicit
• Trigger/input: Sinyal Buy/Sell yang dihasilkan indikator.
• Observable result: Level SL dan TP ditampilkan dalam numerik tabular condensed (mis. 2304.60 / 2312.80).
• Access state: anonim (none).
• Failure/recovery: Jika level tidak dapat dihitung, sinyal tidak ditampilkan.
• Continuation: Trader menetapkan order dengan level tersebut.

FR-5 — Petunjuk pemasangan pada MT5 As a Trader (Pengguna Indikator) I should mengikuti petunjuk pemasangan langkah demi langkah so that saya dapat memasang indikator pada MT5 dengan benar.

• Provenance: explicit
• Trigger/input: Trader membuka halaman Installation.
• Observable result: Urutan langkah bernomor tampil dan dapat diikuti hingga indikator terpasang pada chart XAUUSD.
• Access state: anonim (none).
• Failure/recovery: Jika langkah gagal (mis. kompilasi error), trader dapat kembali ke halaman Code untuk memverifikasi sumber.
• Continuation: Trader melampirkan indikator ke chart XAUUSD.

FR-6 — Penjelasan logika sinyal As a Trader (Pengguna Indikator) I should membaca penjelasan logika sinyal — kondisi Buy, kondisi Sell, kerja filter tren, dan penentuan SL/TP so that saya dapat menginterpretasikan sinyal sesuai logika yang dijelaskan.

• Provenance: explicit
• Trigger/input: Trader membuka halaman Signal Logic.
• Observable result: Matriks keputusan menampilkan kondisi Buy, kondisi Sell, dan gate filter tren, serta penjelasan penentuan SL/TP.
• Access state: anonim (none).
• Failure/recovery: Tidak berlaku (konten statis).
• Continuation: Trader kembali ke chart MT5 untuk menerapkan pemahaman.

FR-7 — Halaman awal yang mengarahkan As a Trader (Pengguna Indikator) I should melihat halaman awal yang menjelaskan indikator, sasaran trader, dan fitur, serta mengarahkan ke kode, pemasangan, dan logika sinyal so that saya dapat memulai dengan cepat.

• Provenance: required_inference
• Trigger/input: Trader membuka Landing.
• Observable result: Headline, ringkasan fitur, kartu readout sinyal, dan dua CTA (GET THE CODE, VIEW SIGNAL LOGIC) tampil.
• Access state: anonim (none).
• Failure/recovery: Tidak berlaku (statis).
• Continuation: Trader memilih CTA menuju Code atau Signal Logic.

4. User Personas

Trader (Pengguna Indikator)

Konteks produk: Trader mandiri (retail atau semi-pro) yang men-scalp XAUUSD di MetaTrader 5. Ia menghabiskan berjam-jam di depan chart, menilai perangkat lunak dari apakah ia terasa seperti mesin yang dapat dipercaya — presisi, terkalibrasi, tanpa basa-basi. Ia nyaman dengan MQL5 dan pemasangan indikator, tetapi tidak ingin menulis kode dari nol.

Tujuan utama: Memasang indikator scalping Gold di MT5, membaca sinyal Buy/Sell dengan filter tren dan level SL/TP, serta memahami logika sinyal agar dapat mengambil keputusan entry/exit secara mandiri.

Tanggung jawab yang diterima:

• Menyalin kode MQL5 lengkap dari halaman Code.
• Mengikuti petunjuk pemasangan pada halaman Installation hingga indikator berjalan di MT5.
• Membaca dan memahami logika sinyal pada halaman Signal Logic.
• Menginterpretasikan sinyal Buy/Sell, status filter tren, dan level SL/TP pada chart XAUUSD.
• Mengambil keputusan entry/exit secara mandiri.

Input/keputusan relevan:

• Memilih untuk menyalin kode atau membaca logika terlebih dahulu.
• Memutuskan apakah sinyal yang lolos filter tren layak dieksekusi.
• Menetapkan level SL/TP pada order.

Interaksi dengan peserta lain: Tidak ada peserta manusia lain. Trader berinteraksi dengan terminal MT5 (lingkungan eksternal milik MetaQuotes/broker) tempat indikator dijalankan.

Keberhasilan yang dapat diamati: Indikator terpasang dan berjalan di MT5 pada chart XAUUSD, serta sinyal dapat diinterpretasikan sesuai logika yang dijelaskan.

Yang membedakan peran ini: Ia adalah satu-satunya aktor manusia; seluruh nilai produk bermuara pada apakah ia dapat memasang indikator dan mempercayai sinyalnya. Ia bukan pengguna pasif — ia mengeksekusi keputusan trading dengan uangnya sendiri, sehingga kejelasan logika sinyal dan ketepatan level SL/TP adalah inti pengalamannya.

5. Core User Flows

Flow 1 — Memahami indikator dan memulai (Landing)

1. Trader membuka halaman Landing (anonim, tanpa login).
2. Trader membaca headline "XAUUSD SCALPING INSTRUMENT" dan ringkasan fitur: Buy/Sell, filter tren, SL/TP, untuk scalping Gold.
3. Trader melihat kartu readout sinyal: gauge filter tren melingkar, SIGNAL = BUY (gold), TREND FILTER = BULLISH (teal), SL / TP = 2304.60 / 2312.80 (numerik tabular condensed yang count up sekali saat load).
4. Trader memutuskan langkah berikutnya:
   • Klik GET THE CODE → menuju halaman Code (Flow 2), atau
   • Klik VIEW SIGNAL LOGIC → menuju halaman Signal Logic (Flow 4).
5. Hasil yang dapat diamati: Trader memahami apa yang disediakan indikator dan di mana menemukan kode, pemasangan, dan logika sinyal.
6. Kelanjutan: Trader melanjutkan ke halaman yang dipilih.

Flow 2 — Mengambil kode MQL5 lengkap (Code)

1. Trader membuka halaman Code (anonim).
2. Trader melihat kode sumber MQL5 lengkap dengan penomoran baris pada scroll gelap.
3. Trader membaca legenda parameter di kolom kanan: setiap baris parameter sebagai pasangan label/nilai ruled dalam numerik condensed tabular.
4. Trader menyalin kode lengkap (tombol salin atau seleksi manual).
5. Hasil yang dapat diamati: Kode MQL5 utuh tersalin ke clipboard trader.
6. Kegagalan/pemulihan: Jika clipboard tidak tersedia, trader menyeleksi seluruh blok kode dan menyalinnya secara manual.
7. Kelanjutan: Trader melanjutkan ke halaman Installation (Flow 3).

Flow 3 — Memasang indikator pada MT5 (Installation)

1. Trader membuka halaman Installation (anonim).
2. Trader mengikuti urutan langkah bernomor vertikal (ruled step rows):
   • Menyimpan file .mq5 ke folder MQL5/Indicators.
   • Membuka MetaEditor dan mengompilasi file.
   • Melampirkan indikator ke chart XAUUSD di MT5.
3. Trader menyelesaikan setiap langkah secara berurutan.
4. Hasil yang dapat diamati: Indikator terpasang dan berjalan pada chart XAUUSD di MT5.
5. Kegagalan/pemulihan: Jika kompilasi gagal, trader kembali ke halaman Code untuk memverifikasi sumber, lalu mengulangi langkah.
6. Kelanjutan: Trader beralih ke chart MT5 untuk membaca sinyal, atau membuka Signal Logic (Flow 4) untuk memahami sinyal terlebih dahulu.

Flow 4 — Memahami logika sinyal (Signal Logic)

1. Trader membuka halaman Signal Logic (anonim).
2. Trader membaca matriks keputusan: baris kondisi Buy (sel gold), baris kondisi Sell (sel teal), dan gate filter tren.
3. Trader melihat gauge filter tren melingkar (needle sweep sekali saat scroll-in, lalu diam).
4. Trader membaca penjelasan penentuan level SL/TP untuk scalping Gold, dengan numerik tabular condensed.
5. Hasil yang dapat diamati: Trader memahami kondisi Buy, kondisi Sell, cara kerja filter tren, dan cara level SL/TP ditentukan.
6. Kelanjutan: Trader kembali ke chart MT5 dan menginterpretasikan sinyal sesuai logika yang dijelaskan.

Flow 5 — Menginterpretasikan sinyal dan mengambil keputusan (MT5 — eksternal)

1. Trader berada di chart XAUUSD di MT5 dengan indikator terpasang.
2. Indikator mengevaluasi kondisi pasar dan menampilkan sinyal Buy atau Sell.
3. Filter tren menyaring sinyal: hanya sinyal searah tren dominan yang lolos.
4. Sinyal yang lolos disertai level SL dan TP dalam numerik tabular condensed.
5. Trader membaca sinyal, status filter tren, dan level SL/TP.
6. Trader mengambil keputusan entry/exit secara mandiri dan menetapkan order dengan level SL/TP tersebut.
7. Hasil yang dapat diamati: Trader mengeksekusi keputusan trading berdasarkan sinyal yang dapat diinterpretasikan.
8. Kegagalan/pemulihan: Jika tidak ada sinyal yang lolos filter, trader menunggu hingga kondisi jelas.
9. Kelanjutan: Trader terus memantau chart untuk sinyal berikutnya.

6. Visuals Colors and Theme

Muse: MARQ by Garmin — estetika instrumen mewah. Presisi kelas instrumen untuk gold scalping.

Headline direction: "XAUUSD SCALPING INSTRUMENT" — headline condensed uppercase, tiga baris, duduk di atas gold rule 4px.

Palet (dark mode)

Rasio: ~80% dark ground dan panel, 12% champagne text, 5% gold, 3% teal. Tidak ada biru di mana pun. Tidak ada gradien kecuali satu hairline metalik 1px di atas panel.

Tipografi

• Headings: Barlow Condensed — condensed technical caps, uppercase, tracking rapat (-0.01em), weight 500–700, pada skala instrument-panel.
• Body: Saira — weight 400/500, line-height 1.65.
• Numerik: tabular; setiap harga, nilai pip, dan level SL/TP diset dalam Barlow Condensed 600 sebagai dial readout.
• Skala: 1.25 modular dengan display jump: 40/56/80/120px display (clamp 40px mobile → 120px desktop), 32/24/18/16/14px UI, 13px mono-ish label caps.
• Code blocks: monospace stack (JetBrains Mono / ui-monospace) pada 13.5px, line-height 1.7.

Shape language

Bezel-and-gauge geometry. Panel persegi dengan radius 2px dan border hairline 1px #2A3038, tepi atas diterangi garis highlight 1px #3A424C. Motif gauge melingkar (SVG arcs, dial ticks, radial tick marks) berulang sebagai pembatas section dan indikator filter tren. Tombol adalah kontrol rounded-rect bersudut dengan bevel inset 1px dan pressed state yang bergeser 1px ke bawah — mekanis, tidak pernah pill-shaped. Tidak ada soft blob, tidak ada radius 24px+.

Layout

Edge-to-edge instrument panel. Rail kiri tetap (72px desktop, collapse ke top bar 56px di mobile) menampilkan navigasi section sebagai engraved tick labels. Konten pada grid 12 kolom ketat dengan ruled data rows: label kiri, nilai kanan, hairline di antara. Hero adalah panel dark full-bleed dengan headline condensed oversized bertumpuk di atas gold rule, dan kartu readout sinyal pinned ke kanan. Halaman Code menggunakan split dua kolom: scroll kode berpenomoran baris di kiri, legenda parameter di kanan. Halaman Installation adalah urutan vertikal bernomor dengan ruled step rows, bukan kartu. Halaman Signal Logic adalah decision table — kondisi Buy, kondisi Sell, gate filter tren — sebagai matriks aktual dengan sel teal/gold.

Imagery

Fotografi material makro dan tekstur engineered: permukaan gold brushed pada raking light, chart candlestick XAUUSD diperlakukan sebagai garis kontur topografik, titanium grain, refleksi sapphire-glass. Setiap halaman membawa satu gambar makro full-bleed sebagai pembuka section, dipotong keras ke grid. Tidak ada stock trader, tidak ada laptop-di-meja, tidak ada 3D blob. Diagram adalah line-art: signal-flow schematics, pip-ladder rulers, gauge faces.

7. Signature Design Concept

Konsep: Instrument panel yang hidup — halaman Landing direkomposisi sebagai panel instrumen full-bleed yang menampilkan readout sinyal seolah-olah trader sedang melihat dial yang terkalibrasi.

Komposisi (hanya merekomposisi konten, state, dan kontrol yang diterima):

• Panel full-bleed #0B0E11. Kiri 7 kolom: headline Barlow Condensed uppercase "XAUUSD SCALPING INSTRUMENT" pada clamp(40px, 8vw, 120px), bertumpuk tiga baris, duduk langsung di atas gold rule 4px #C9A227 yang membentang kolom. Di bawah rule, satu baris body Saira 18px dan dua CTA: gold squared "GET THE CODE" dan teal secondary "VIEW SIGNAL LOGIC".
• Kanan 5 kolom: kartu readout sinyal — surface graphite #15191E, hairline 1px, gauge filter tren melingkar di atas, lalu tiga ruled rows: SIGNAL = BUY (gold), TREND FILTER = BULLISH (teal), SL / TP = 2304.60 / 2312.80 (numerik tabular condensed yang count up sekali saat load).
• Di belakang kartu: gambar makro gold-surface bleed ke tepi kanan, dipotong sehingga tidak pernah menyentuh headline atau CTA.
• Rail navigasi tick-label di kiri: nama section sebagai engraved uppercase condensed labels dengan tick mark gold 1px untuk state aktif.

Signature moves yang diterapkan:

• Headline tiga baris condensed di atas gold rule 4px.
• Kartu readout sinyal dengan gauge filter tren melingkar dan numerik SL/TP tabular yang count up saat load.
• Rail navigasi tick-label tetap, collapse ke top bar 56px di 375px.
• Numerik instrumen sebagai ornamen: setiap harga dan level SL/TP dalam Barlow Condensed 600 tabular.

Batasan: Tidak ada centered stack, tidak ada gradient blob, tidak ada tombol biru. Semua teks dan kontrol tetap utuh di dalam viewport dan kontainernya pada 375px, 768px, dan 1280px.

8. Interaction Model & Motion Direction

Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: dimensional_css

Landing Hero Motion Brief

Focal subject: Kartu readout sinyal dengan gauge filter tren melingkar dan numerik SL/TP tabular, di atas ground titanium-dark dengan gambar makro gold-surface yang bleed ke tepi kanan.

Input → transformation → outcome thesis: Saat halaman dimuat, gauge filter tren menyapu sekali dari posisi netral ke posisi BULLISH, dan numerik SL/TP (2304.60 / 2312.80) count up dari nol ke nilai final. Transformasi ini merepresentasikan instrumen yang "menyala" dan terkalibrasi — bukan animasi dekoratif, melainkan metafora dial yang settling. Outcome: trader melihat readout sinyal yang lengkap dan dapat dipercaya.

Motion vocabulary: Instrument motion only — numerik count up on reveal, gauge needle sweep sekali, signal badge pulse ring 1.2s sekali lalu diam. Easing cubic-bezier(0.2, 0.8, 0.2, 1) pada 300–500ms. Tidak ada bounce, tidak ada float, tidak ada parallax drift.

Composed first frame: Panel dark full-bleed dengan headline tiga baris di atas gold rule, dua CTA, dan kartu readout sinyal di kanan dengan gauge pada posisi netral dan numerik pada nol — frame pertama yang tenang sebelum kalibrasi.

Reduced-motion state: Semua counter render pada nilai final, gauge render pada resting state (BULLISH), signal badge diam tanpa pulse. Tidak ada sweep, tidak ada count up.

9. Non-Functional Requirements

NFR-1 — Kode lengkap dan dapat digunakan Kode MQL5 harus utuh dan dapat dikompilasi di MetaEditor tanpa modifikasi. Provenance: explicit. Rationale: Pengguna secara eksplisit meminta "kode lengkap yang bisa digunakan" dan kontrak menetapkan "bukan potongan parsial".

NFR-2 — Platform MT5 (MQL5) Indikator harus ditulis dalam MQL5 dan berjalan pada MetaTrader 5. Provenance: explicit. Rationale: Platform wajib MT5.

NFR-3 — Gaya scalping Logika sinyal dan penentuan SL/TP harus dioptimalkan untuk gaya scalping (target pip ketat, horizon pendek). Provenance: explicit. Rationale: Gaya trading wajib scalping.

NFR-4 — Instrumen Gold Indikator harus ditargetkan pada XAUUSD. Provenance: explicit. Rationale: Instrumen wajib Gold.

NFR-5 — Aksesibilitas visual Semua teks dan kontrol harus tetap utuh di dalam viewport dan kontainernya pada 375px, 768px, dan 1280px. Provenance: required_inference. Rationale: Creative direction menetapkan aturan readable text and controls.

NFR-6 — Reduced motion Dengan prefers-reduced-motion, semua counter render pada nilai final dan gauge render pada resting state. Provenance: required_inference. Rationale: Creative direction menetapkan perilaku reduced-motion.

10. Tech Stack

• Kode indikator: MQL5 (MetaTrader 5) — wajib, sesuai constraint eksplisit.
• Situs dokumentasi: React (frontend statis) — menyajikan Landing, Code, Installation, Signal Logic.
• Font: Barlow Condensed (headings), Saira (body), JetBrains Mono / ui-monospace (code) — sesuai creative direction.
• Tidak ada backend: Situs statis tanpa server-side behavior; tidak ada autentikasi, tidak ada database, tidak ada queue worker. Tidak ada kebutuhan container terpisah.

11. Assumptions and Constraints

Constraints (hard, explicit):

• Platform wajib MT5 (MQL5).
• Gaya trading wajib scalping.
• Instrumen wajib Gold (XAUUSD).
• Kode harus lengkap dan dapat digunakan (bukan potongan parsial).

Assumptions (narrow, labeled):

• [Default — not specified by user] Situs dokumentasi disajikan dalam Bahasa Indonesia.
• [Default — not specified by user] Situs adalah statis tanpa backend, sesuai keputusan bahwa tidak ada state trader yang perlu disimpan.
• [Default — not specified by user] Nilai contoh pada kartu readout (SIGNAL = BUY, TREND FILTER = BULLISH, SL / TP = 2304.60 / 2312.80) adalah ilustrasi visual dari creative direction, bukan nilai yang dijamin oleh indikator.
• [Default — not specified by user] Parameter indikator (periode, ambang filter tren, jarak SL/TP) ditentukan dalam kode MQL5 dan dijelaskan pada halaman Code dan Signal Logic.

Exclusions:

• Tidak ada eksekusi order otomatis.
• Tidak ada koneksi broker.
• Tidak ada autentikasi atau akun.
• Tidak ada backend yang memproses data pasar.

12. Glossary

• MT5 (MetaTrader 5): Platform trading tempat indikator dijalankan; dimiliki MetaQuotes/broker.
• MQL5: Bahasa pemrograman untuk MetaTrader 5; digunakan untuk menulis indikator.
• XAUUSD: Simbol instrumen Gold terhadap Dolar AS.
• Scalping: Gaya trading dengan target profit kecil dan horizon waktu pendek.
• Sinyal Buy/Sell: Indikasi dari indikator untuk membuka posisi beli atau jual.
• Filter tren: Mekanisme yang menyaring sinyal agar hanya searah tren dominan.
• SL (Stop Loss): Level harga untuk membatasi kerugian.
• TP (Take Profit): Level harga untuk mengambil profit.
• Pip: Satuan pergerakan harga terkecil yang relevan.
• MetaEditor: Editor kode bawaan MT5 untuk mengompilasi file .mq5.
• Indikator: Program MQL5 yang berjalan pada chart MT5 dan menampilkan sinyal/level.