Epic 1 · Kitchen sink

Design system

Every core component in every state, using named tokens from the build spec. Forced hover/focus sit next to live controls so they can be checked without guessing.

Tokens

Colour

ink

charcoal

stamp

stamp-paper

paper

stone-border

muted

success

error-bg

error-text

stamp-hover

Stamp

Circular mark

Default · stamp

Success · approved

Entrance animation

Sizes sm / md / lg

Hover, focus, disabled, and error do not apply. Reduced-motion drops the scale/rotate and keeps an opacity fade.

Steps

Progress

Step 1 current

Step 2 current

Step 3 current

Field

Underline input

Default

Company

Hover (forced)

Company

Focus (forced)

Company

Disabled

Company

Error

Candidate

Enter the candidate’s full name.

Empty with hint

Role

As it should appear on the letter.

Button

Primary and secondary

Primary default

Primary hover (forced)

Primary focus (forced)

Primary disabled

Secondary default

Secondary hover (forced)

Secondary focus (forced)

Secondary disabled

PriceBadge

Rupee mark

₹99₹149₹199

Hover, focus, disabled, and error do not apply.

DocumentCard

Picker tile

Default

Employment Offer Letter

₹99

A formal offer with role, CTC, and joining date.

Hover (forced)

Employee NDA

₹99

Confidentiality terms for incoming staff.

Focus (forced)

Vendor Agreement

₹149

Scope, value, and payment terms for a vendor.

Selected

POSH Policy

₹199

Workplace committee and grievance contacts.

Disabled

Simple Will

₹199

Available after the remaining types ship.