Dashboard / Theme Studio / Edit Azure Coastal & Beachfront

Edit Theme: Azure Coastal & Beachfront

Update visual tokens, typography, header styles, and custom CSS for [azure-coastal].

visibility Live Preview arrow_back Back to Themes

badge 1. Theme Identity & Status

Key: azure-coastal

Theme Name *

Hero Badge / Tagline Text

Description

Theme Active & Available for Hotel Selection

palette 2. Color Palette Studio

Live Preview Swatch:

Primary Color *

Primary Container (Dark Shade)

Secondary Accent *

Gold / Warm Accent

Page Surface (Background)

Surface Container Lowest (White Card)

Main Text (On-Surface)

Tertiary Accent

format_paint 3. Typography & Layout Architecture

Sans-Serif Font Family *

Serif Font Family *

Header Layout Style *

Card Border Radius *

Blade Template View (Advanced Override)

layers 4. Header & Mega Menu Background (Light vs. Dark Website Adaptability)

verified Prevents Translucent Bleed-Through

Configure the background opacity and surface styling for the navigation header, the hero mega menu dropdown panel, and the hero image banner. When surfing over light website backgrounds or white cards, choosing Solid Opaque Dark or Solid White Card guarantees crisp contrast with zero light bleed-through.

Header Bar Background Mode *

Top fixed navigation bar surface

Mega Menu (Hero Dropdown) Mode *

Dropdown panel containing hotel and destination links

Hero Banner Overlay Gradient *

Atmosphere behind hero headlines and search bar

code 5. Advanced Custom CSS & Animation Rules

Cancel