# Design Research Notes - Kevron Suites & Apartments

## 1. Websites Reviewed & Inspiration
* **Aman Resorts & Residences (aman.com)**: Clean, wide grids, Marcellus-style elegant serif headings, and dark overlay gradients over cinematic background imagery.
* **Cheval Collection Serviced Apartments (chevalcollection.com)**: Highly structured property specifications, visual filter tabs, and prominent location proximity highlights.
* **Airbnb Luxe (airbnb.com/luxe)**: Highly responsive grid layouts, card boundaries with thin minimal shadows, and clear interactive booking wizards.

---

## 2. Design Patterns Observed
* **Typography Hierarchy**: Luxury websites rely heavily on high-contrast, space-separated serif typography for headings, paired with ultra-clean modern sans-serif fonts for descriptions to ensure a premium feel.
* **Borders & Containment**: Avoid thick lines. Modern hospitality uses very subtle drop shadows (`rgba(0,0,0,0.05)`) or thin light-blue/gray frames to enclose rooms.
* **Micro-Interactions**: Smooth hover transitions, sticky navigation headers that auto-hide when scrolling down and slide in when scrolling up, and progressive gradient outlines on pill buttons.

---

## 3. Adapted Brand Layouts
* **Pill Buttons**: Rounded action targets (`50px` border-radius) for primary actions.
* **Sharp Outlines**: Container frames capped at exactly `0.1rem` border-radius with thin bounding boxes for modern smart living aesthetic.
* **Responsive Video Hero**: Vimeo walkthrough embedding inside clean card frames on the homepage.
* **Alternating Sections**: Flowing from Cloud White (`#FFFFFF`) to Soft Ice Blue (`#F4F8FF`) to Midnight Navy (`#080D2B`) to Gradient sections.

---

## 4. Brand Preservation Rules
* **Headings**: Marcellus (Capped at H1 maximum `1.8rem`).
* **UI/Body**: Inter (Capped at standard `0.875rem`).
* **Colors**: Royal Blue (`#2B3192`), Midnight Navy (`#080D2B`), Cyan (`#1FADEA`), and Champagne Gold (`#D6A84F`).