Paramount Asia (PASIA) – Design System

00 · Foundations

One identity, spent with restraint

PASIA is a Hong Kong employment agency placing trusted, service-oriented talent. The brand carries the weight of the mountain mark: solid, established, calm. Greens do the work; gold is the one warm, premium moment – a rate, an underline, a call to act. We deliberately avoid Filipino-centric motifs to hold an international corporate position for the HK market.

Rooted

The mountain identity signals permanence and trust. Deep, grounded greens; nothing flimsy or trend-chasing.

Direct

Straight to the point, easy on the eyes. Generous type, clear hierarchy, no clutter – tuned for a busy HK reader.

International

Built to career-portal standards – multilingual, self-service, credible enough for expat and corporate clients.

01 · Colour

Deep green carries, gold accents

Greens hold the page – reassurance, care, authority, the mountain. Gold is never a flood: it marks a price, underlines a key phrase, or lifts a single call to action. Neutrals stay warm so the whole system reads considered, not clinical.

Brand · greens carry the page

#0E4038

ForestPrimary · brand soul#0E4038--forest

#082F2A

Deep ForestDarkest grounds#082F2A--deep-forest

#16564B

PineInteractive · links#16564B--pine

#7F9186

SageMuted peak · quiet fills#7F9186--sage

Accent · the one warm moment

#C99A47

GoldPrimary accent#C99A47--gold

#D8B25E

Gold BrightHighlights · underlines#D8B25E--gold-bright

#8F6F38

Gold DeepGold text on light#8F6F38--gold-deep

#BFC2C0

SilverSnow-ridge UI accent#BFC2C0--silver

Neutrals · warm surfaces & text

#F7F4EE

MistPage background#F7F4EE--mist

#EFEADD

Surface 2Quiet raised bands#EFEADD--surface-2

#FFFFFF

PaperCards, surfaces#FFFFFF--paper

#14231F

InkBody text#14231F--ink

02 · Typography

Fraunces & Inter

Fraunces – a warm, optical old-style serif – carries headlines with quiet authority and a premium, international feel. Inter handles everything you read: body, labels, UI. Hierarchy comes from size and weight, never thin type. Body never drops below 16px. Chinese uses system CJK faces (Noto Sans SC/TC) in Phase 1.

Display / H1Fraunces 600 · --text-hero

Find a trusted helper.

Heading / H2Fraunces 600 · --text-3xl

Self-service search, done right

SubheadFraunces 500 italic · --text-2xl

Rooted in trust, ready to place

LeadInter 400 · --text-lg

Browse and filter domestic helpers on your own – by category, nationality, skills, and availability – then book a consultation with a PASIA specialist.

BodyInter 400 · --text-base ≥16px

Paramount Asia is a Hong Kong-registered employment agency providing trained, service-oriented personnel, with a strong focus on domestic and caregiving placement. Every profile is verified, and every placement is backed by aftersales support.

Label / CaptionInter 700 · --text-xs

Active recruiter · Verified profile

Signature detail – the gold underline. Once or twice per section, a hand-drawn gold underline marks a key phrase against the clean serif. Never on body copy.

Trusted talent, placed with care.

03 · Components

Generous, tappable, scannable

The kit the portal is assembled from: value cards, the HK-style helper & vacancy card, transparent range-based rate cards, a stats band, forms, and the floating WhatsApp button. Large touch targets and clear structure throughout.

Value cards

Self-service search

Employers browse and filter helpers by category, nationality, skills, and availability – then view detailed profiles.

Book a consultation

A date & time scheduler to speak with a specialist – visa guidance, direct hire, contract renewal.

Aftersales support

Replacement, welfare check-ins, and ongoing support after placement – trust that lasts past the hire.

Helper & vacancy card — HK job-platform pattern (client reference)

MA

Maria A.

Domestic Helper · Filipino · 34

Available now Childcare Elderly care Cooking 8 yrs exp

Ref · PH-1042 Direct hire

SR

Siti R.

Domestic Helper · Indonesian · 29

New Infant care Cantonese Driving

Ref · ID-0781 Change employer

GT

Caregiver – Fanling

Vacancy · Live-in · Elderly

Active recruiter Bank holidays Birthday leave

Active today $5K–7K / mo

Statistics band

Cap. 57HK-licensed employment agency

3Nationalities placed · PH · ID · MM

24 hrTypical reply on WhatsApp

EN · 简 · 繁Multilingual portal

Transparent rate cards — range-based (sunlight.hk-style)

Direct Hire

PH → HK Processing

$X,XXX / placement

Documentation & deployment
Contract & visa support
Aftersales replacement window

Renewal

Contract Renewal

$X,XXX / renewal

Paperwork handling
Medical & insurance guidance
Continued support

Change Employer

Local Transfer

$X,XXX / transfer

Matching from the pool
Interview coordination
Onboarding help

Amounts are placeholders. Live rates display PASIA's own published service ranges, supplied and owned by PASIA.

Actions & forms

Buttons & tags

Find a helper Book a consultation Our services Available now

Inquiry / newsletter field

Floating WhatsApp Chat with us

04 · Motion

One calm hero, quiet everywhere else

The mountain hero drifts slowly – a single, composed moment. Content sections reveal gently on scroll and interactions give soft feedback. Every effect has a full reduced-motion fallback; accessibility is the floor.

Hero

Layered mountain ridges parallax a few pixels as you scroll, with a soft gold sun. Composed and slow, never distracting from the headline.

Reveal

Sections rise 22px and fade in on scroll with soft easing. Enough to feel considered and premium; never flashy.

Hover

Cards lift 3–4px with a warm shadow; helper cards shift their border to gold; buttons rise 2px. Micro-feedback that confirms an action.

Respect

prefers-reduced-motion disables parallax and reveals, showing all content instantly and statically.