System Requirements Document for pajak-kendaraan-bermotor

1. Introduction

This document specifies the system requirements for pajak-kendaraan-bermotor, the public campaign surface for GEBYAR PANUTAN 2026 — the motor-vehicle tax (Pajak Kendaraan Bermotor) prize draw programme of the Provincial Government of South Kalimantan (Kalimantan Selatan).

The product intent is a single, authoritative public announcement page that tells ordinary vehicle owners in South Kalimantan, in one scroll, four things: that the programme is launching, what prizes are offered, when the programme runs and how the tax may be paid, and where to check the full terms and conditions of the draw. The page exists to route citizens to the correct payment channel and to the correct source of draw information — it is an information surface, not a payment or registration system.

The audience is the general public of South Kalimantan: riders, drivers, small traders and families reading on low-cost Android phones in daylight, plus Halo Pajak call-centre staff who must repeat the same facts accurately and consistently.

2. System Overview

The system is a single anonymous, publicly reachable campaign page. It presents:

• A full-bleed LAUNCHING eyebrow band.
• The main title GEBYAR PANUTAN 2026 PAJAK KENDARAAN BERMOTOR PROVINSI KALIMANTAN SELATAN.
• The tagline "Bayar Pajak Tepat Waktu, Menangkan Hadiah Istimewa!"
• A prize block listing the five prize categories with their quantities and visual icons.
• Period and payment information: the programme period, the draw timing, and the six accepted tax-payment channels.
• A footer carrying the link to the official information site, the Halo Pajak telephone number, and a QR code.

Actors. Two accepted human personas interact with this product: the Wajib Pajak Kendaraan Bermotor (the vehicle owner who reads the page and pays tax through an external channel) and the Petugas Layanan Informasi Pajak (Halo Pajak) (the officer who answers questions on the published hotline using the same facts). The payment channels named on the page — SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, Alfamart — are external, provider-owned destinations; the system does not process payments. The site pajak.kalselprov.go.id is an external destination for terms and conditions.

Ownership. All page content is owned by the application. Tax payment, draw terms, and the draw itself are owned outside this system.

Exclusions. The system does not process tax payments, does not register draw participants, does not determine eligibility, does not publish draw mechanics beyond the supplied facts, and does not host the terms and conditions.

2a. Product Interpretation and Delivery Boundary

The delivered product is a public, anonymous, first-party campaign page. No account, login, or identity establishment is required or implied: the page is a broadcast announcement, and every fact on it is identical for every visitor. There is no durable per-visitor state to own, resume, or protect, so no application-owned identity is introduced.

The page's outbound responsibilities are deliberately delegated to their accepted owners:

• Tax payment happens entirely at SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, or Alfamart. The page names these channels; it does not link into, embed, or intermediate any payment flow.
• Draw terms and conditions live at pajak.kalselprov.go.id, which the footer points to. No terms content is copied into this product.
• Human question handling happens on the Halo Pajak hotline at the published number, staffed by the Halo Pajak officer persona.

Current horizon. Everything specified in this document is current: the eyebrow, title, tagline, prize block, period and payment information, and footer.

Future horizon. The draw itself occurs in Awal 2027, and the programme period runs Januari – Desember 2026. Neither the draw nor any post-draw result publication is part of this product's current scope; the page states these dates as facts about the programme, not as features of the system.

2b. Source Content Inventory

The reference directive for pajak.kalselprov.go.id declares uses: ["content_source"] with the instruction that the site is referenced in the footer as the location to check draw information and terms, and that no content was copied from that source. The verified source observations therefore contain no external factual entities, collections, dates, contacts, links, or media to inventory beyond the campaign content supplied directly by the user, which is fully preserved in Section 2c and Section 3 below.

2c. Page Content and Component Coverage

Landing

The single public campaign page. Anonymous access; no identity required.

Information and state

• Eyebrow band — full-bleed signal-red band across the very top of the page containing the text L A U N C H I N G in white, letter-spaced, flush left, with a small yellow status square.
• Main title — GEBYAR PANUTAN 2026 PAJAK KENDARAAN BERMOTOR PROVINSI KALIMANTAN SELATAN, set as a stacked, flush-left, ragged-right station-name board in condensed extra-bold capitals, with the words GEBYAR PANUTAN 2026 carrying the signal red and the remainder in ink.
• Tagline — "Bayar Pajak Tepat Waktu, Menangkan Hadiah Istimewa!" in body ink, with a yellow rule above it.
• Prize block — headline row HADIAH UNDIAN PANUTAN 2026 with a yellow left edge, followed by five ruled rows, each carrying a line pictogram, a tabular quantity numeral, and the prize name: -\x20\xe2\x9c\x88️ 1 Paket Umroh -\x20\xf0\x9f\x9a\x97 1 Unit Mobil -\x20\xf0\x9f\x8f\x8d️ 4 Unit Sepeda Motor -\x20\xe2\x9d\x84️ 4 Unit Kulkas -\x20\xf0\x9f\x93\xba 4 Unit TV 32 Inch
• Period and payment information — three labelled facts: -\x20\xf0\x9f\x93\x85 Periode: Januari – Desember 2026 -\x20\xf0\x9f\x8f\x86 Pengundian: Awal 2027 -\x20\xf0\x9f\x92\xb3 Bayar pajak melalui: SAMSAT • Bank Kalsel • Aplikasi SIGNAL • Tokopedia • Indomaret • Alfamart
• Footer — a full-width ink band with three columns: -\x20\xf0\x9f\x94\x8d Cek info & syarat undian: pajak.kalselprov.go.id -\x20\xf0\x9f\x93\x9e Halo Pajak: 0800-XXXX-XXXX
  • QR Code — displayed in a ruled circular frame, with no destination specified by the source.

Primary actions

• CEK SYARAT UNDIAN — a solid signal-red square CTA in the hero that routes the visitor to the published terms-and-conditions location.
• Payment-channel selection — the six named channels are presented as a horizontal transit diagram of ruled cells connected by a line with numbered roundel stops; each cell is a selectable stop that identifies the channel the visitor will use to pay tax externally.
• Halo Pajak contact — the published number is presented as a contactable fact for visitors who need human clarification.

Supporting actions

• Horizontal scrolling of the payment-channel diagram on narrow viewports so each channel can be brought fully into view.
• Reading the prize table and the period facts in a single scroll.

Domain entities

• Campaign — Gebyar Panutan 2026, the named programme.
• Prize — a prize category with an icon, a quantity, and a name.
• Period — the programme window (Januari – Desember 2026) and the draw timing (Awal 2027).
• Payment channel — one of the six accepted tax-payment channels.
• Information resource — the terms-and-conditions site and the Halo Pajak hotline.

Component responsibilities

• Eyebrow band — announces the launch state; carries the status dot.
• Title board — carries the programme identity and the red/ink emphasis split.
• Tagline block — carries the behavioural call to pay on time.
• Prize table — enumerates prizes with consistent diagrammatic icons and tabular numerals.
• Period band — states the period and the draw timing, with the draw marker in signal yellow.
• Payment-channel diagram — enumerates the six accepted channels as route stops.
• Footer band — carries the terms link, the hotline number, and the QR frame.

States

• Loading — the page is a static content surface; no data fetch is required to render any section. Any progressive enhancement (rule-wipe, numeral count-up) must not gate the visibility of text.
• Empty — not applicable; all content is fixed and always present.
• Success — every section renders with its full text, all five prize rows, all three period/payment facts, and all three footer items visible and legible.
• Error — if the terms-and-conditions destination is unreachable, the footer still displays the site address as readable text so the visitor can reach it by other means; the page itself does not fail.
• Recovery — the page remains fully usable as a static information surface with no interactive dependency; the hotline number and the site address remain readable regardless of any outbound destination's availability.

3. Functional Requirements

FR-1 — Launch eyebrow As a Wajib Pajak Kendaraan Bermotor, I should see a L A U N C H I N G eyebrow at the top of the page so that I immediately understand the programme is being announced.

• Provenance: explicit
• Trigger: page load.
• Observable result: a full-bleed signal-red band at the very top of the page displays L A U N C H I N G in white, letter-spaced, flush left, with a small yellow status square.
• Access state: anonymous, public.
• Failure/recovery: none applicable; the text is static and always rendered.
• Continuation: the visitor scrolls into the main title.

FR-2 — Main title As a Wajib Pajak Kendaraan Bermotor, I should read the full programme title so that I know exactly which programme and which province this concerns.

• Provenance: explicit
• Trigger: page load.
• Observable result: the page displays GEBYAR PANUTAN 2026 PAJAK KENDARAAN BERMOTOR PROVINSI KALIMANTAN SELATAN as the main heading, set in condensed extra-bold capitals, stacked in short flush-left lines, with GEBYAR PANUTAN 2026 in signal red and the remainder in ink.
• Access state: anonymous, public.
• Failure/recovery: none applicable.
• Continuation: the visitor reads the tagline.

FR-3 — Tagline As a Wajib Pajak Kendaraan Bermotor, I should read the tagline so that I understand the behaviour the programme rewards.

• Provenance: explicit
• Trigger: page load.
• Observable result: the page displays "Bayar Pajak Tepat Waktu, Menangkan Hadiah Istimewa!" in body ink with a yellow rule above it.
• Access state: anonymous, public.
• Failure/recovery: none applicable.
• Continuation: the visitor proceeds to the prize block.

FR-4 — Prize block with visual icons As a Wajib Pajak Kendaraan Bermotor, I should see the complete list of draw prizes with their quantities and visual icons so that I know what can be won.

• Provenance: explicit
• Trigger: page load.
• Observable result: the page displays the headline HADIAH UNDIAN PANUTAN 2026 and five prize rows, each with a line pictogram, a tabular quantity numeral, and the prize name: 1 Paket Umroh (\xe2\x9c\x88️), 1 Unit Mobil (\xf0\x9f\x9a\x97), 4 Unit Sepeda Motor (\xf0\x9f\x8f\x8d️), 4 Unit Kulkas (\xe2\x9d\x84️), 4 Unit TV 32 Inch (\xf0\x9f\x93\xba).
• Access state: anonymous, public.
• Failure/recovery: none applicable; all five rows are static content and must render even if motion is disabled.
• Continuation: the visitor proceeds to the period and payment information.

FR-5 — Period and draw timing As a Wajib Pajak Kendaraan Bermotor, I should see the programme period and the draw timing so that I know the deadline for paying my tax.

• Provenance: explicit
• Trigger: page load.
• Observable result: the page displays Periode: Januari – Desember 2026 and Pengundian: Awal 2027, with the draw marker carried in signal yellow.
• Access state: anonymous, public.
• Failure/recovery: none applicable.
• Continuation: the visitor reads the payment channels.

FR-6 — Accepted payment channels As a Wajib Pajak Kendaraan Bermotor, I should see exactly which channels I may use to pay my motor-vehicle tax so that I can choose one that is available to me.

• Provenance: explicit
• Trigger: page load.
• Observable result: the page displays the six accepted channels — SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, Alfamart — as a horizontal transit diagram of ruled cells connected by a line with numbered roundel stops. No other payment channel is presented.
• Access state: anonymous, public.
• Failure/recovery: on narrow viewports the diagram scrolls horizontally so that each channel can be brought fully into view; with reduced motion the channels remain reachable by scrolling or wrapping.
• Continuation: the visitor selects a channel and completes payment externally, outside this system.

FR-7 — Terms and conditions pointer As a Wajib Pajak Kendaraan Bermotor, I should be able to find where the full draw information and terms are published so that I can verify eligibility and conditions myself.

• Provenance: explicit
• Trigger: page load; visitor activates the CEK SYARAT UNDIAN control or reads the footer.
• Observable result: the page displays Cek info & syarat undian: pajak.kalselprov.go.id in the footer, and the hero carries a solid signal-red CTA labelled CEK SYARAT UNDIAN that routes the visitor to that published location.
• Access state: anonymous, public.
• Failure/recovery: if the destination is unreachable, the site address remains displayed as readable text so the visitor can reach it independently.
• Continuation: the visitor reads the terms at the external site.

FR-8 — Halo Pajak contact As a Wajib Pajak Kendaraan Bermotor, I should see the Halo Pajak contact number so that I can ask a human about the programme.

• Provenance: explicit
• Trigger: page load.
• Observable result: the footer displays Halo Pajak: 0800-XXXX-XXXX, with the number set in tabular numerals.
• Access state: anonymous, public.
• Failure/recovery: none applicable; the number is static text.
• Continuation: the visitor calls the hotline and reaches the Halo Pajak officer.

FR-9 — QR code in footer As a Wajib Pajak Kendaraan Bermotor, I should see a QR code in the footer so that I can scan it from my phone.

• Provenance: explicit
• Trigger: page load.
• Observable result: the footer displays a QR code inside a ruled circular frame. No destination is specified by the source, so no destination is asserted.
• Access state: anonymous, public.
• Failure/recovery: none applicable.
• Continuation: the visitor scans or ignores the code and continues reading the footer.

FR-10 — Consistent facts for hotline handling As a Petugas Layanan Informasi Pajak (Halo Pajak), I should be able to read the same published facts the caller sees so that my answers match the campaign page exactly.

• Provenance: required_inference
• Trigger: the officer opens the public page while handling a call.
• Observable result: the officer sees the identical prize list, period, draw timing, payment channels, terms location, and hotline number that the caller sees, with no officer-specific variant of those facts.
• Access state: anonymous, public — the officer uses the same public surface as the caller; no separate officer view exists.
• Failure/recovery: if the officer cannot reach the page, the published facts remain the single reference and no alternative in-product source is introduced.
• Continuation: the officer answers the caller using those facts and directs the caller to pajak.kalselprov.go.id for terms.

4. User Personas

Wajib Pajak Kendaraan Bermotor

Product context. A motor-vehicle owner in South Kalimantan — a rider, driver, small trader, or family member responsible for a vehicle's annual tax. They encounter this page as a public announcement, typically on a low-cost Android phone in daylight, often with limited time and limited data. They are not looking for a software product; they are looking for a straight answer about what they can win, when the programme runs, and where they can pay.

Primary goal. To understand the Gebyar Panutan 2026 programme well enough to pay motor-vehicle tax on time through a channel that is actually available to them, and to know where the full draw terms are published.

Distinct accepted responsibilities.

• Reading the prize list, the programme period, and the draw timing.
• Choosing one of the six accepted payment channels — SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, Alfamart — based on what is reachable for them.
• Completing the tax payment externally, at the chosen channel, outside this system.
• Checking the draw information and terms at pajak.kalselprov.go.id, or calling Halo Pajak when they need clarification.

Relevant inputs and decisions. The visitor's decision is which payment channel to use and whether to verify the terms before paying. Their inputs are the page's published facts; they supply no data to the system.

Interactions with other accepted participants. The visitor interacts with the Petugas Layanan Informasi Pajak (Halo Pajak) when they call the published number for clarification. They interact with external payment providers when they pay, and with the external terms site when they verify conditions.

Observable success. The visitor can state the prizes, the period, the draw timing, and at least one payment channel available to them, and knows where the terms are published.

Petugas Layanan Informasi Pajak (Halo Pajak)

Product context. An officer staffing the Halo Pajak hotline at 0800-XXXX-XXXX. Their work is repetitive and accuracy-critical: the same questions about prizes, period, draw timing, and payment channels arrive repeatedly, and any inconsistency between what the officer says and what the campaign page publishes becomes a public trust problem for a government programme.

Primary goal. To give every caller an answer that matches the published campaign facts exactly, and to route callers to the correct payment channel and to the published terms.

Distinct accepted responsibilities.

• Receiving questions from vehicle owners through the published hotline.
• Explaining the prize list, the programme period (Januari – Desember 2026), and the draw timing (Awal 2027) consistently with the page.
• Naming only the six accepted payment channels when advising on how to pay.
• Directing callers to pajak.kalselprov.go.id for the full terms and conditions, rather than interpreting eligibility themselves.

Relevant inputs and decisions. The officer's input is the caller's question; their reference is the published page. Their decision is which published fact answers the question and when to defer to the terms site.

Interactions with other accepted participants. The officer interacts with the Wajib Pajak Kendaraan Bermotor by voice on the hotline. The officer does not interact with the payment providers on the caller's behalf.

Observable success. The caller ends the call knowing the prizes, the period, the draw timing, at least one valid payment channel, and where the terms are published — with no fact contradicting the campaign page.

5. Core User Flows

Flow 1 — Vehicle owner reads the campaign and chooses a payment channel

1. Starting context. A vehicle owner in South Kalimantan opens the campaign page on a phone, with no account and no prior session.
2. On the Landing page, the visitor sees the full-bleed signal-red band carrying L A U N C H I N G and understands the programme is being announced.
3. The visitor reads the main title GEBYAR PANUTAN 2026 PAJAK KENDARAAN BERMOTOR PROVINSI KALIMANTAN SELATAN and the tagline "Bayar Pajak Tepat Waktu, Menangkan Hadiah Istimewa!".
4. The visitor scrolls to the prize block and reads the headline HADIAH UNDIAN PANUTAN 2026 followed by the five ruled rows: 1 Paket Umroh, 1 Unit Mobil, 4 Unit Sepeda Motor, 4 Unit Kulkas, 4 Unit TV 32 Inch, each with its line pictogram and tabular quantity numeral.
5. The visitor continues to the period band and reads Periode: Januari – Desember 2026 and Pengundian: Awal 2027, noting the payment deadline.
6. The visitor reaches the payment-channel diagram and reads the six stops: SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, Alfamart. On a narrow screen the visitor scrolls the diagram horizontally until the channel they intend to use is fully in view.
7. Decision. The visitor selects the channel that is reachable for them — for example Indomaret, because it is nearby.
8. Observable result. The visitor can state the prizes, the period, the draw timing, and the channel they will use.
9. Continuation. The visitor leaves the page and completes the tax payment at the chosen channel, outside this system. The page does not process, confirm, or record that payment.

Flow 2 — Vehicle owner verifies the draw terms

1. Starting context. The visitor has read the prize block and wants to confirm eligibility and conditions before paying.
2. On the Landing page, the visitor activates the solid signal-red CEK SYARAT UNDIAN control in the hero, or reads the footer line Cek info & syarat undian: pajak.kalselprov.go.id.
3. Observable result. The visitor is routed to the published terms location at pajak.kalselprov.go.id.
4. Failure and recovery. If that destination is unreachable, the footer still displays the site address as readable text, so the visitor can reach it by another route or by typing it directly. The campaign page itself remains fully readable and does not fail.
5. Continuation. The visitor reads the terms at the external site and returns to the payment decision in Flow 1.

Flow 3 — Vehicle owner asks Halo Pajak for clarification

1. Starting context. The visitor has a question the page does not answer — for example whether their specific vehicle qualifies.
2. On the Landing page, the visitor reads the footer line Halo Pajak: 0800-XXXX-XXXX and calls that number.
3. Handoff. The call reaches the Petugas Layanan Informasi Pajak (Halo Pajak).
4. Participant response. The officer answers using the same published facts: the five prize categories and quantities, the period Januari – Desember 2026, the draw timing Awal 2027, and the six accepted payment channels. For eligibility and conditions, the officer directs the caller to pajak.kalselprov.go.id rather than interpreting the terms.
5. Observable result. The caller ends the call with the same facts the page publishes, plus a clear pointer to the terms.
6. Failure and recovery. If the caller's question concerns eligibility or draw mechanics, the officer does not invent an answer; the caller is routed to the published terms.
7. Continuation. The caller returns to Flow 1 and pays through a channel that is available to them.

Flow 4 — Halo Pajak officer prepares a consistent answer

1. Starting context. The officer is about to take calls about Gebyar Panutan 2026 and needs the current published facts.
2. The officer opens the same public Landing page any visitor sees — there is no separate officer view.
3. The officer reads the prize block, the period band, the payment-channel diagram, and the footer.
4. Observable result. The officer has the exact prize list, period, draw timing, payment channels, terms location, and hotline number in front of them.
5. Continuation. The officer answers callers in Flow 3 using those facts, and defers eligibility questions to pajak.kalselprov.go.id.

6. Visuals, Colors and Theme

The visual direction is typographic infrastructure for a provincial tax lottery — transit-signal colour on a clear public ground, after the muse Erik Spiekermann. The headline idea: this is a government information board, not an advertisement. It must read as an official announcement that happens to be festive, and it must be legible in one scroll on a cheap phone in daylight.

Colour tokens (light mode)

Proportion: roughly 70% warm paper, 20% white panels, 8% red, 2% yellow. No blue anywhere — no #0057FF, #2563EB, #4F46E5, #7C3AED or neighbours, including for links and focus rings; focus and link treatment uses red #C8102E and ink. No gradients, no glass, no frosted panels.

Red is used as a line and a band, never as a fill behind text. Yellow is a stripe, dot, or chip edge only, always paired with ink text — never white-on-yellow or yellow-on-white body text.

Typography

• Headings: Fira Sans Condensed, Bold/ExtraBold, all-caps for the main title, tracking -0.01em, line-height 0.92, flush-left ragged-right, stacked in short lines like a station name board.
• Body: Fira Sans Regular 400 at 17–19px, line-height 1.6.
• Labels, section numbers, payment-channel names: Fira Sans Medium 500, all-caps, 12–13px, tracking +0.12em.
• Numerals: always tabular (font-variant-numeric: tabular-nums) for prize quantities and the 0800 number.
• Scale: 1.333 modular. Main title clamp(40px, 9.5vw, 104px); section heads 40/28/20px; prize quantity numerals 56px desktop / 40px mobile; body 19px desktop / 17px mobile; labels 12px. Mobile-first, one size step down at 768px, one step up at 1280px.
• Forbidden typefaces: Inter, Roboto, Arial, Helvetica, Open Sans, Lato, Poppins, and system-ui for any text. Fira Sans and Fira Sans Condensed only.

Shape language

Hard-edged and rule-driven. Radii 0–4px only (2px on chips, 4px on panels). 1px ink hairlines and 3px signal-red rules are the main structural device. No pills, no blobs, no soft shadows — depth comes from a single 1px border plus a 2px offset ink edge on the prize panel. Circular elements are reserved for the QR code frame and the numbered route markers, echoing a transit roundel.

Layout

A 12-column grid on the warm paper ground, content capped at 1180px with 24px gutters at 375px and 64px at 1280px. Section order is fixed and numbered like a route:

• 01 LAUNCHING — eyebrow, title, tagline
• 02 HADIAH UNDIAN PANUTAN 2026 — prize block
• 03 PERIODE & CARA BAYAR — period and payment channels
• 04 CEK INFO & SYARAT — footer

Each section opens with a red 3px rule, a numbered roundel, and an all-caps label in the left column, with content hanging to the right — an asymmetric wayfinding layout, never a centred stack. The prize block is a ruled five-row table (icon | quantity | prize name) with a yellow left edge on the headline row. The payment channels sit as one ruled row of six equal cells separated by 1px vertical hairlines. The footer is a full-width ink band with the site link, Halo Pajak number, and QR frame in three columns.

Imagery

No photography and no stock people. Imagery is the system itself: thick 2px line pictograms drawn in ink for each prize (plane, car, motorcycle, refrigerator, television) at 32px, matching the requested emoji semantics but rendered as consistent diagrammatic icons so prizes read identically on every device; a schematic route line connecting the six payment channels as stops on a horizontal transit diagram; a ruled QR frame in the footer. No halftone, no duotone — flat ink lines on paper only.

7. Signature Design Concept

The information board. The first screen is a full-viewport public announcement board, not a floating card.

• Top edge: a 44px full-bleed signal-red band containing the eyebrow L A U N C H I N G in white Fira Sans Medium, letter-spaced +0.32em, flush left, with a small yellow square as a status dot.
• Beneath it, flush-left on the warm paper ground, the main title GEBYAR PANUTAN 2026 PAJAK KENDARAAN BERMOTOR PROVINSI KALIMANTAN SELATAN in Fira Sans Condensed ExtraBold caps at clamp(40px, 9.5vw, 104px), line-height 0.92, stacked into 4–5 short lines spanning from the left margin to roughly 80% of the viewport width, with GEBYAR PANUTAN 2026 carrying the red and the rest in ink.
• To the right, on desktop only, a tall 1px-ruled column holds the tagline "Bayar Pajak Tepat Waktu, Menangkan Hadiah Istimewa!" in 19px ink with a 3px yellow rule above it, plus one red solid-square CTA labelled CEK SYARAT UNDIAN.
• On mobile, the tagline and CTA stack directly under the title, left-aligned, full width, with nothing overlapping them.
• The bottom third of the hero is the first row of the prize route line bleeding off the right edge, signalling more below.

The concept recomposes only accepted content and controls: the eyebrow, the title, the tagline, the CTA, and the first prize row. It introduces no new behaviour, page, or destination.

8. Interaction Model & Motion Direction

Interaction Model: Static Motion Tempo: restrained Hero Dimensionality: flat

Landing Hero Motion Brief

• Focal subject. The stacked station-name title board and the signal-red eyebrow band above it.
• Input → transformation → outcome thesis. As the visitor scrolls, each section's red 3px rule draws left-to-right (240ms, cubic-bezier(0.2,0,0,1)), the L A U N C H I N G eyebrow fades up once, and the tabular prize numerals count up once when the prize table enters view — so the page assembles itself like a route being drawn, and the visitor's outcome is a fully drawn, fully legible information board.
• Motion vocabulary. A single staggered rule-wipe per section; one fade-up on the eyebrow; one count-up on the prize numerals. Hover on payment channels and the CTA shifts the 1px border to red and slides the label 4px right — no lift, no scale, no bounce.
• Composed first frame. The red eyebrow band across the top with the yellow status dot; the title stacked flush-left in red and ink; the ruled tagline column and red CTA on the right at desktop widths; the first prize row entering from the right edge at the bottom.
• Reduced-motion state. With prefers-reduced-motion, all rules render already drawn, the eyebrow is fully visible, and the prize numerals render at their final values. The payment-channel diagram wraps into rows or remains horizontally scrollable so every channel can be brought fully into view.

9. Non-Functional Requirements

• NFR-1 — Public anonymous access. The Landing page must be reachable without any account, login, or identity establishment. Provenance: explicit (the page is a public announcement; no identity is required by any accepted journey). Rationale: there is no durable per-visitor state to own or protect.
• NFR-2 — Single-scroll legibility. All campaign facts — eyebrow, title, tagline, all five prize rows, all three period/payment facts, and all three footer items — must be readable in one scroll on a mobile viewport. Provenance: explicit (the direction requires legibility in one scroll). Rationale: the audience reads on low-cost Android phones in daylight.
• NFR-3 — Readable text and controls stay whole. Headlines, labels, numbers, and controls must stay entirely inside the viewport and their container at 375px, 768px, and 1280px, wrapping or scaling to fit, with no other element covering any part of them. Provenance: explicit (creative direction). Rationale: the page's whole job is to be read.
• NFR-4 — Horizontal scrolling is permitted for the payment diagram. The payment-channel row may cross the container edge by design, provided every channel becomes fully readable as it is brought into view, and provided a usable static arrangement exists under reduced motion. Provenance: explicit (creative direction). Rationale: six channels cannot fit legibly at 375px.
• NFR-5 — No blue. No blue or indigo may appear anywhere in the palette, including links and focus rings. Provenance: explicit (creative direction). Rationale: the direction forbids the generic indigo/blue-on-white SaaS template.
• NFR-6 — Typeface restriction. Only Fira Sans and Fira Sans Condensed may be used for text. Provenance: explicit (creative direction).
• NFR-7 — No unsupported claims. The page must not state any prize term, eligibility rule, or draw mechanic beyond the supplied facts; the footer points to pajak.kalselprov.go.id for the terms. Provenance: explicit (creative direction and source boundary).
• NFR-8 — No payment processing. The system must not process, confirm, or record tax payments; payment occurs at the named external channels. Provenance: explicit (source names payment channels as external destinations).
• NFR-9 — No terms hosting. The system must not host or reproduce the draw terms and conditions; it points to pajak.kalselprov.go.id. Provenance: explicit (reference directive: no content copied from that source).
• NFR-10 — Reduced-motion support. With prefers-reduced-motion, all motion resolves to a usable static arrangement with all content visible. Provenance: explicit (creative direction).

10. Tech Stack

• Frontend: React, built as a single-page campaign surface. [Default — not specified by user]
• Styling: CSS with the token set defined in Section 6; Fira Sans and Fira Sans Condensed loaded as web fonts. [Default — not specified by user]
• Backend: none required for current scope — the page is static content with no server-side state, no user data, and no payment handling. [Default — not specified by user]
• Storage: none required for current scope. [Default — not specified by user]
• Containerisation and deployment: Docker / docker-compose for a static build served over HTTP. Kubernetes is not required for this scope. [Default — not specified by user]

11. Assumptions and Constraints

Constraints (source-stated, binding):

• The programme period is Januari – Desember 2026; the draw takes place Awal 2027.
• The only payment channels that may be named are SAMSAT, Bank Kalsel, Aplikasi SIGNAL, Tokopedia, Indomaret, Alfamart.
• The Halo Pajak number is displayed as 0800-XXXX-XXXX — a placeholder in the source, reproduced as given.
• The QR code is displayed in the footer with no destination specified by the source; no destination is asserted.
• The terms-and-conditions location is pajak.kalselprov.go.id, referenced only; no content is copied from it.

Assumptions (narrow, labeled):

• The page is a single anonymous public surface; no account, login, or per-visitor state is introduced, because no accepted journey requires continuity.
• The Halo Pajak officer uses the same public page as the caller; no separate officer interface is assumed.
• The QR code's target is unspecified, so the system renders the code without asserting where it leads.
• The 0800-XXXX-XXXX value is a placeholder; the system renders it exactly as supplied rather than inventing a real number.
• Prize icons are rendered as consistent 2px ink line pictograms rather than platform emoji glyphs, per the creative direction, while preserving the exact emoji semantics supplied by the user.

Explicit exclusions:

• No tax payment processing, no draw registration, no eligibility determination, no draw-mechanics publication, and no terms hosting.
• No blue or indigo anywhere in the palette.
• No photography, stock people, mascots, or decorative shapes carrying no information.
• No centred headline-plus-rounded-button hero, gradient blobs, glassmorphism, or soft drop shadows.
• No grid of identical hover-lift prize cards; prizes remain ruled table rows.

12. Glossary

• Gebyar Panutan 2026 — the name of the motor-vehicle tax prize draw programme of the Provincial Government of South Kalimantan.
• Pajak Kendaraan Bermotor (PKB) — motor-vehicle tax, the annual tax whose on-time payment the programme rewards.
• Wajib Pajak Kendaraan Bermotor — a motor-vehicle taxpayer; the vehicle owner who reads the campaign page and pays the tax.
• Halo Pajak — the public information hotline for tax matters, published on the page as 0800-XXXX-XXXX.
• Petugas Layanan Informasi Pajak (Halo Pajak) — the officer who staffs the Halo Pajak hotline and answers callers using the published campaign facts.
• SAMSAT — the one-stop vehicle administration service, one of the six accepted tax-payment channels.
• Bank Kalsel — the regional development bank of South Kalimantan, one of the six accepted tax-payment channels.
• Aplikasi SIGNAL — the provincial tax application, one of the six accepted tax-payment channels.
• Pengundian — the draw; scheduled for Awal 2027.
• Periode — the programme window, Januari – Desember 2026.
• Syarat undian — the terms and conditions of the draw, published at pajak.kalselprov.go.id.
• Landing — the single public campaign page delivered by this system.