Free delivery on orders above ₹2,999 · SHOP NOW   Limited stock — handcrafted pieces · Free delivery on orders above ₹2,999 · SHOP NOW   Limited stock — handcrafted pieces ·

Lifestyle

ASTYLIO

Timeless style. Modern you.

Tokens

Colours

Burgundy #5A1F2B
--color-brand-primary
Primary buttons, CTAs, active states
Burgundy Dark #42151F
--color-brand-primary-hover
Button hover, dark sections
Warm Ivory #F7F3EE
--color-bg-page
Page background, large sections
Soft Ivory #FCFAF7
--color-bg-surface
Cards, inputs, modals
Champagne Gold #C8A97A
--color-accent-gold
Sparing decorative accents
Charcoal #252525
--color-text-primary
Primary text, navigation, titles
Secondary #6B625D
--color-text-secondary
Descriptions, metadata
Muted Taupe #A89B91
--color-text-muted
Placeholders, disabled text
Border #DED6CE
--color-border-default
Input borders, dividers

Typography

Type Hierarchy

Playfair Display for editorial headings · Poppins for UI. Scale 1440+ / tablet / mobile.

Display XL

Timeless Style

Display LG

Timeless Style

Display MD

Timeless Style

Heading XL

New Season Edit

Heading LG

New Season Edit

Heading MD

New Season Edit

Heading SM

New Season Edit

Body LG / MD / SM

Body large — generous, calm and refined.

Body medium — supporting copy across the storefront.

Body small — metadata and secondary information.

Label LGLabel MDLabel SM
CaptionOverline₹1,899
ButtonNavigation

Spacing

Spacing Scale

--space-1 · 4px
--space-2 · 8px
--space-3 · 12px
--space-4 · 16px
--space-5 · 20px
--space-6 · 24px
--space-7 · 32px
--space-8 · 40px
--space-9 · 48px
--space-10 · 56px
--space-11 · 64px
--space-12 · 80px
--space-13 · 96px
--space-14 · 120px

Buttons

Button System

Variants × Sizes

States

Link button (hover me)

Inputs

Form Elements

Please enter a valid email.
This field validates successfully.

Icons

Icon Set

search
user
heart
bag
menu
close
chevron
arrow
eye
filter
sort
plus
minus
trash
shield
truck
refresh
card

Sizes: xs 12 · sm 16 · md 20 · lg 24 · xl 32 — thin-line, consistent 1.6 stroke.

Product Cards

ProductCard

New

Ivory A-Line Dress

₹1,899
Sale −20%

Midnight Maxi Dress

₹2,499₹3,199
Bestseller

Silk Satin Cami Top

₹1,299
Low stock

Linen Wide-Leg Jumpsuit

₹2,899

Hover a card — restrained image zoom (1.03) + secondary image fade. 4:5 image ratio, configurable.

Badges

Badge Variants

New Bestseller Sale Low stock Featured

Modal

Dialog

Drawer

Drawer Primitive

Motion

Subtle Micro-interactions

Luxury through subtle movement. Respects prefers-reduced-motion.

Fade
Slide up
Zoom
Hover to zoom (1.04)
Hover lift Hover lifts gently
Click for loading state