Ram Rattan Garden City Official Logo
RAJ/P/2026/5239 · DESIGN TOKENS & SYSTEM

Ram Rattan Garden City

Interactive Component Styleguide & WCAG AA Design Specification

Tokens 01

Brand Color System & WCAG AA Ratios

Derived strictly from the official brochure with enriched vibrant accents. All text and background combinations are audited for WCAG 2.1 AA/AAA compliance.

Ivory Canvas
#FDF8F1

Warm page background (brochure cream)

14.75:1 with Charcoal
Pure White
#FFFFFF

Card surfaces & input background

15.58:1 with Charcoal
Sand Surface
#F7F2EB

Muted panel tint & spec strips

13.80:1 with Charcoal
Action Green
#187A34

Primary buttons, active tabs (WCAG AA)

5.42:1 with White (AA Pass)
Vibrant Emerald
#059669

High-contrast action pills & badges

4.82:1 with White (AA Pass)
Warm Amber
#D97706

Launch badges & secondary CTA highlights

4.55:1 on Charcoal
Sky Mobility
#0284C7

Connectivity & infrastructure badges

4.61:1 with White
Terracotta Accent
#C25E3A

Warm lifestyle and leisure highlights

4.70:1 on Ivory
Forest Dark
#0F3D24

Sustainability dark accent band

12.26:1 with White (AAA Pass)
Forest Charcoal
#1C2620

Primary text & deep headings

14.75:1 on Ivory (AAA Pass)
Tokens 02

Refined Editorial Typography Scale

Wide-tracked Cormorant Garamond display headings paired with clean, accessible Poppins body text.

Display 1 · Cormorant Garamond SemiBold · uppercase · tracking-[0.05em]
11 Acres. 101 Plots. One Planned Community.
Display 2 · Cormorant Garamond SemiBold · uppercase · tracking-[0.06em]
Two Clubhouses. One Sustainable Township.
Display 3 · Cormorant Garamond Medium · uppercase · tracking-[0.05em]
Special Payment Plan: 10:30:30:15:15
Eyebrow · Poppins SemiBold · uppercase · tracking-[0.18em]
Naugaon, Alwar · Rajasthan · 3 km from Delhi–Mumbai Expressway
Body Large & Regular · Poppins Regular · leading-relaxed

Garden City is a master-planned, gated residential township in Naugaon, Alwar, spread across 11 acres and comprising 101 residential plots ranging from 170 to 500 sq yards. The community brings together residential spaces, landscaped greens, lifestyle amenities and planned infrastructure in a secure and connected environment.

*Footnote: Distances and travel times are approximate, based on optimal route conditions, and indicative of external public infrastructure.

Components 01

Button Variants & State Specifications

High-intent conversion buttons with distinct hover translations, focus rings, disabled states, and async loading spinners.

Dark Accent Band Surface Preview (#0F3D24)

Renewable Energy Planned into the Community

Components 02

Form Controls & Validation States

Client-validated form fields with associated labels, helper text, and accessible ARIA error feedback.

Enter your official name

Components 03

Editorial Cards & Surface Hierarchy

Warm architectural card styles featuring rounded-2xl corners, vibrant pill badges, and generous whitespace.

Planned Community

An 11-acre master-planned gated residential township in Naugaon, Alwar with defined zones and planned green buffers.

Key Advantage

Strategic Location

Connected to Naugaon, Alwar, NCR and just 3 km from the Delhi–Mumbai Expressway.

Sustainable by Design

Solar, wind, rainwater harvesting and responsible waste management planned into the community.

NCR First Renewable Township
Components 04

Navigation Tabs & Expandable Accordions

Accessible interactive navigation tabs with pill highlights, and semantic keyboard-operable accordion panels.

Gallery Filter Tabs
Active Category: all
Expandable FAQ Accordion

Yes. The project is registered with the Rajasthan Real Estate Regulatory Authority under registration number RAJ/P/2026/5239. Verification can be performed online at rera.rajasthan.gov.in.

Components 05

Architectural Data Tables

Clear tabular display for payment milestones, project specifications, and plot inventory breakdowns.

StageMilestonePercentageTarget Date
Stage 1On booking10%Immediate
Stage 2Within 45 days of booking30%T + 45 days
Stage 3On or before 31 May 202730%31 May 2027
Stage 4On or before 31 December 202715%31 Dec 2027
Stage 5On offer of possession15%Offer of Possession
Components 06

Styled Dev Placeholders ([CONFIRM] & [ASSET])

Clearly labelled dashed-outline blocks displaying pending assets or unverified facts awaiting sign-off.

[CONFIRM PENDING]

Starting price ₹85 Lakhs* validation

The brochure states ₹85L in the disclaimer fine print. Awaiting sales team confirmation of exact rate card per plot size.

[ASSET PENDING]

Sanctioned Township Layout Plan with Plot Demarcations

Awaiting high-resolution vector or PDF export of the sanctioned 11-acre township layout plan.