Halo System
Halo Design Version 1.0 · Halo Component Library 1.0. Threads record the versions they were built on, so older prototypes stay reproducible.
Basic · 6
User Message
A message from the shopper.
user_message
Bot Message
A message from Halo, the brand or the retailer.
bot_message
Human Agent Message
A message from a customer-service agent.
agent_message
System Message
A centred system note in the conversation.
system_message
Information Message
A highlighted informational note.
information_message
Typing Indicator
Shows the brand or agent typing before the next message.
typing_indicator
Content · 12
Text
A plain text bubble.
text
Image
An image inside a bubble.
image
Video
A video placeholder with play affordance.
video
File
A downloadable file attachment.
file
Link
A link preview bubble.
link
Carousel
A horizontally scrollable set of cards.
carousel
Product Card
A product with price and SKU.
product_card
Promotion Card
A promotion with validity and CTA.
promotion_card
Retailer Card
A retailer or outlet.
retailer_card
Offer Card
An offer the shopper can participate in.
offer_card
Reward Card
A reward the shopper has earned or can earn.
reward_card
Campaign Banner
A full-width campaign banner image inside the conversation.
campaign_banner
Interaction · 14
Quick Reply Buttons
Tappable quick replies under a message.
quick_reply
CTA Button
A single prominent call to action.
cta_button
Multiple Choice
Shopper can pick several options.
multiple_choice
Single Choice
Shopper picks exactly one option.
single_choice
Dropdown
A compact list picker.
dropdown
Text Input
Free text answer.
text_input
Number Input
Numeric answer.
number_input
Date Input
Date answer.
date_input
Phone Input
Phone number answer.
phone_input
Email Input
Email answer.
email_input
Confirmation
Confirm or change a summary.
confirmation
Yes / No
A binary question with branching.
yes_no
Rating
Star rating request.
rating
Consent
Consent request with agreement.
consent
Commerce · 10
Product Selection
Pick from a product list.
product_selection
SKU Selection
Pick a specific SKU.
sku_selection
Quantity
Quantity stepper.
quantity
Shopping List
The shopper's intended purchases.
shopping_list
Store Selection
Pick a store.
store_selection
Retailer Selection
Pick a retailer.
retailer_selection
Offer Selection
Pick an offer to join.
offer_selection
Nearby Outlet Picker
Ranked list of nearby outlets the shopper taps to choose one.
outlet_picker
Outlet Search
Searchable outlet list for shoppers who do not share their location.
outlet_search
Loyalty Progress
Progress towards the next loyalty reward.
loyalty_progress
Submission · 8
Receipt Upload
Shopper uploads a purchase receipt.
receipt_upload
Image Upload
Shopper uploads an image.
image_upload
Camera Capture
Shopper takes a photo now.
camera_capture
Document Upload
Shopper uploads a document.
document_upload
Location
Shopper shares their location.
location
Form
A short in-conversation form.
form
In-conversation Form
A real fillable form rendered inside the conversation.
inline_form
Submission Status
Upload / processing state row for a receipt or display photo.
submission_status
Verification · 9
ReceiptIR Processing
ReceiptIR is reading the receipt.
receiptir_processing
Receipt Verified
Receipt accepted.
receipt_verified
Receipt Rejected
Receipt not accepted.
receipt_rejected
DisplayIR Processing
DisplayIR is checking a shelf photo.
displayir_processing
Display Verified
Display accepted.
display_verified
Verification Failed
Verification did not pass.
verification_failed
Duplicate Detection
This submission was already used.
duplicate_detection
Fraud Warning
Suspicious activity flagged.
fraud_warning
Verification Result
Verified, pending or failed verification outcome with reward and retry actions.
verification_result
Transaction · 19
Voucher
A digital voucher.
voucher
Cashback
A cashback amount.
cashback
GWP
A gift with purchase.
gwp
Loyalty Points
Points balance update.
loyalty_points
Reward
A generic reward block.
reward_generic
Voucher Issued
A voucher has been issued.
voucher_issued
Voucher Used
A voucher has been redeemed.
voucher_used
Cashback Approved
Cashback approved.
cashback_approved
Cashback Processing
Cashback is being processed.
cashback_processing
Cashback Paid
Cashback transferred.
cashback_paid
Reward Earned
A reward has been earned.
reward_earned
Loyalty Updated
Loyalty balance updated.
loyalty_updated
Transaction Confirmation
A transaction summary.
transaction_confirmation
Digital Voucher (Ticket + QR)
The Halo Kartini voucher ticket with perforation, live QR code and validity countdown.
digital_voucher_ticket
E-wallet Cashback (Ticket)
Cashback payout ticket with wallet, reference and processing timer.
ewallet_cashback_ticket
Cashback Processed (Success)
Celebratory confirmation shown once a cashback has been paid.
cashback_success
Order Recap
Order summary with configurable rows, total and confirm / cancel actions.
order_recap
QRIS Payment
Generate a QRIS payment code with merchant details, amount and payment countdown.
qris_payment
Order Status
Payment and fulfilment status for an order, with support actions.
order_status
Status · 8
Loading
A short loading state.
loading
Processing
A processing state.
processing
Pending
Waiting on something.
pending
Approved
Approved outcome.
approved
Rejected
Rejected outcome.
rejected
Completed
Journey completed.
completed
Expired
Something has expired.
expired
Error
An error state.
error
The library is configurable: new capabilities can be added, and if a Halo Component Schema API ever exists the same structure can be hydrated from it. No sync is active today.
