Design Tokens & Component Architecture

Thaniim Migrations Design System

Official design foundation for Thani Visas and Immigrations Services Pvt Ltd. Engineered for high trust, international elegance, conversion clarity, and accessibility.

Thani Visas and Immigrations Services Pvt Ltd - Thaniim Migrations
Headings FontManrope (400 - 800)
Body TypographyInter (300 - 700)
Primary Brand TokenMidnight Navy #102A43
Prestige Accent TokenChampagne Gold #D8A84E

1. Harmonized Color Tokens

Curated palette tailored to the official Thaniim logo and premium advisory aesthetics.

Midnight Navy
#102A43
Primary Brand
Champagne Gold
#D8A84E
Prestige Accent
Ocean Teal
#2D6A7D
Supporting Tone
Sapphire Blue
#0258B6
Logo Gradient Pin
Emerald Leaf
#2E8540
Logo Gradient Visa
Cloud White
#F5F7FA
Base Canvas

2. Button Variants & Interaction States

Standardized interactive touch targets with focus outlines and loading spinners.

3. Badges, Category Chips & Status Indicators

Semantic micro-indicators for pathways and program urgency.

Express EntryIn High DemandSchengen EuropeGrant VerifiedGeneral SkilledDocument Audit

4. Flight-Inspired Animation Primitives

Restrained SVG corridors, animated dash flows, glowing destination pins, and motion accessibility.

Global Migration Flight Corridors

Active Hubs

Restrained SVG trajectory with animated transit points

Origin HubDubaiFrankfurtLondonTorontoSydney

5. Visual Seven-Step Immigration Journey

Step-by-step milestone tracking from initial eligibility evaluation to post-landing onboarding.

Stage 01 of 07Personalized Strategy Session

Counselling & Consultation

Expert guidance tailored to your specific background, career goals, and destination aspirations to ensure a smooth, transparent visa roadmap.

Milestone Deliverable:Tailored Migration Roadmap & Destination Comparison
01

Counselling & Consultation

Personalized Strategy Session

02

Eligibility Check

Comprehensive Points & Qualification Audit

03

Start the Process

Formal Agreement & Roadmap Initiation

04

Documents Preparation

Thorough Dossier & Credential Assembly

05

Submission of Application

Accurate & Timely Portal Filing

06

Interview Preparation

Mock Interviews & Biometric Briefings

07

Visa Approval & Departure

Relocation & Settlement Guidance

6. Accessible Form Controls

Inputs, select boxes, textareas with helper text, error styling, and touch clearance.

Legal name as stated on passport

Valid email address required