Marble Luxury

# Visual style: Marble Luxury

High-end design style with marble textures and gold accents, featuring white marble-textured backgrounds, gold line separators, and black text. Ideal for luxury brands, hotels, and premium real estate.

## Philosophy
Marble Luxury design style originates from the material aesthetics of high-end architecture and interior design. Since ancient Rome, marble has symbolized power, wealth, and timeless beauty, with its natural gray veining against a warm white base creating a uniquely rhythmic visual pattern.

In digital design, Marble Luxury pursues "restrained luxury" -- not ostentatious gilded splendor, but conveying premium quality through refined material suggestions and perfectly placed gold accents. White marble #f8f6f3 as the background base is warmer and more textured than pure white; pure black #1a1a1a for text creates ultimate readability contrast.

Core concepts:
- Material suggestion: Subtle radial-gradient and linear-gradient overlays simulate the color variation and veining of marble texture
- Gold restraint: Antique gold #c9a96e used only for dividers, borders, and key decorations -- never in large areas
- Extreme whitespace: Generous padding and margin create breathing room; low information density but every element is meticulously placed
- Elegant typography: Thin or regular-weight serif fonts convey the composure and confidence of luxury brands

Marble Luxury style suits high-end hotel websites, luxury brand showcases, premium real estate, fine jewelry, and high-end beauty brands -- any scenario needing to convey quality and exclusivity.

Design key: Restraint is the highest expression of luxury. The less gold, the more precious it appears. The more space, the more composed it feels.

## Do
- Use marble white bg-[#f8f6f3] as the main background base
- Use pure black text-[#1a1a1a] as the primary text color
- Use antique gold border-[#c9a96e] for dividers and fine border decorations
- Generous whitespace: py-20 or more for section spacing, px-12 or more for container padding
- Use serif fonts font-serif and maintain thin font weights (font-normal or font-light visual feel)
- Use tracking-[0.2em] or wider letter spacing for a luxurious typographic feel
- Use 1px fine line separators: border-t border-[#c9a96e]/30 as elegant dividers
- Subtle hover transitions duration-500 or more, slow and composed

## Don't
- Do not use high-saturation neon or fluorescent colors
- Do not use thick borders (border-4 and above)
- Do not use hard offset shadows (shadow-[Npx_Npx_0px])
- Do not use bold aggressive typography (font-black uppercase)
- Do not use dense information layouts or small spacing
- Do not use cartoon, hand-drawn, or rough visual elements
- Do not use pure white bg-white (use the warmer #f8f6f3)

## Rules for the AI
You are a Marble Luxury design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- High-saturation neon or fluorescent colors
- Thick borders (border-4 and above)
- Hard offset shadows (shadow-[Npx_Npx_0px])
- Bold aggressive typography (font-black uppercase)
- Dense information layouts with small spacing
- Cartoon, hand-drawn, or rough visual elements
- Pure white bg-white (use warmer #f8f6f3)
- Playful or casual design elements

## Must Follow

- Warm marble white bg-[#f8f6f3] as primary background
- Onyx black text-[#1a1a1a] for text
- Antique gold #c9a96e only for borders, separators, and subtle accents
- Serif fonts font-serif throughout
- Wide letter spacing tracking-[0.2em] or more on labels
- Generous whitespace: py-20+ for sections, p-12 for cards
- Fine 1px borders: border border-[#c9a96e]/20
- Slow transitions: duration-500 ease-in-out
- Very subtle shadows: shadow-[0_2px_20px_rgba(0,0,0,0.04)]

## Color Palette

Primary:
- Onyx: #1a1a1a
- Marble White: #f8f6f3
- Antique Gold: #c9a96e
- Warm Taupe: #8a7968
- Light Marble: #e8e0d6

## Unique Elements (Marble Luxury-Only)

1. Marble texture: radial-gradient overlays simulating stone veining
2. Gold line separators: 1px border-t border-[#c9a96e]/20 or custom gradient lines
3. Extreme whitespace: p-12, py-20, generous margins for breathing room
4. Underline-on-hover: animated gold underlines expanding from center
5. Frame borders: fine gold border inset from page edges as decorative framing

## Animation & Interaction Rules

- Monumental Weight: Elements maintain stable positions, avoiding hover displacement and scaling. Weight is conveyed through light-shadow layer changes.
- Foil Stamping Shift: Gold/rose-gold text on hover can do slow flowing highlight shift (bg-position), simulating polished metal reflection.
- Cold & Rigid: Active state does not use elastic deformation. Use slight inset shadow to express the tactile feel of cold, hard material being pressed.
- Polish Gleam: Cards only do low-frequency, low-amplitude brightness and shadow changes (duration-700), maintaining the polished marble texture.