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.