Elegant Haven Copy this Tailwind Luxury Privacy Homepageto Your Project
Homepage Content & Structure Description for UI Designer 🎨 Style Guide / Color Palette Background: zinc 800 (dark slate tone for luxury & contrast) Primary Color: #7C3A84 (deep royal purple – used for CTAs and headings) Accent Color: #c77a8d (muted blush/pink – for subtle highlights or hover effects) Text Color: #f5f5f5 (clean light gray – for readability on dark backgrounds) 🔝 Header (Sticky) Logo: Left aligned, elegant serif or minimal icon logo in #f5f5f5. Navigation Items: Horizontal, in #f5f5f5 (small caps, letter spacing) Home Explore (blurred/locked) How It Works Safety & Privacy For Providers Login / Sign Up (primary CTA) Language Selector: Dropdown, small text size, top right 🧑🎨 Style: Transparent background, slightly blurred with backdrop filter. Navigation on scroll shrinks height to 60px with background zinc 900 and soft drop shadow. 🖼️ Hero Section Layout: Full screen hero, centered both vertically and horizontally Background: Blurred image or video of luxury suite (soft lighting, no faces) with an overlay in zinc 800 @ 70% opacity Headline: “Where elegance meets discretion.” Font: Large serif, in #f5f5f5, uppercase or small caps Subheadline: “Private connections. Verified providers. A world reserved for those who value privacy and quality.” Font: Clean sans serif, size lg, color #c77a8d Call to Actions: [Join to Explore] → button with #7C3A84, text #f5f5f5, rounded full [Apply as a Provider] → button outline with border #c77a8d, text #c77a8d 🧑🎨 Style: Animate the CTA buttons on hover with subtle shadow or glowing effect. Text should fade in from bottom on load. 🔍 Preview Section – Blurred Escort Cards Title: “A Glimpse Inside…” Font: Serif, #f5f5f5, size xl, spaced Subtext: “Explore verified, elite companions across Austria, Germany, Romania, Czech Republic & Hungary — all privately verified and trusted by high end clientele.” Font: Sans serif, #c77a8d, italic or light Cards Layout: Grid (3–4 columns on desktop, 2 on tablet, 1 on mobile) Each Card Includes: City label (e.g., “Vienna”) in #c77a8d Tags (e.g., Elegant, Bilingual, Discreet) in small pills Main image is blurred with a lock icon overlay Hover state: zoom slightly with “Unlock Full Profile” CTA 🧑🎨 Style: Cards have rounded corners (2xl), soft shadows, and a dark glassy background. Images should be consistent in size and aspect ratio. ⚙️ How It Works Section Title: “Discretion, Delivered in 3 Steps” Use a 3 column layout with icons: Create a Private Account Anonymous, secure & fast registration Unlock Elite Profiles Browse fully verified companions with private galleries Book With Confidence Encrypted messages. Real time chat. Trusted transactions. Icons in #7C3A84 with circular background in zinc 900 🧑🎨 Style: Use simple line or duotone icons. This section fades in on scroll. 🔐 Privacy & Security Section Title: “Your Privacy Is Our Priority” 4 item horizontal or 2x2 grid: ✅ End to end encrypted messaging ❌ No personal info or tracking 🔐 GDPR compliant 💳 No financial info stored Optional: Add a soft shaded "shield" background watermark or privacy seal. 🧑🎨 Style: Soft dividers between items, muted accent hover underline on each point. 💼 Provider Call to Action Title: “Work On Your Terms. With Elegance.” Text: "Join a trusted, secure platform where you control your availability, pricing, and preferences. We protect your privacy and support your independence." CTA Button: [Apply as a Provider] in #7C3A84, text #f5f5f5 Visual: Optional silhouette or elegant woman with laptop / phone in the background 🧭 Footer About | Privacy | Legal | Contact | Language Switcher Icons for: Secure Contact (e.g., Signal, ProtonMail, PGP Key) Font color: #f5f5f5 on zinc 900 Accent links on hover: #c77a8d underline ✅ Additional Notes Use soft transitions, blurred edges, and smooth scrolling. Mobile version should prioritize speed & simplicity. Include privacy first wording everywhere. No stock imagery. Use artistic / high class editorial style visuals. Avoid cheap or explicit visual cues — stay high end and discreet.
