Reference
Site map.
Five pages. One i18n root. Every URL prefixed with /en/ from launch — French and Spanish reserved at /fr/ and /es/ for future.
-
- Topbar — status pulse · wordmark · primary navigation
- Hero — full-bleed video, headline with italic bronze emphasis, primary & secondary CTA
- Certifications strip
- Brand statement — single editorial paragraph, centered
- Services preview — 2×2 environment cards
- The standard — three numbered principles
- From the team — portrait, italic note, signature, link to about page
- Quiet contact band — phone, email, send an inquiry
- Footer
-
- Page header with anchor index
- Hotels & Restaurants —
#hotels - Yachts & Aircraft —
#yachts - Private Residences —
#residences - Corporate Offices —
#corporate - The Clean Suite Kit — small product offer card
- Footer
-
- Single-column editorial layout
- Black-and-white portrait (placeholder for now)
- First-person letter, 4–6 paragraphs
- Pull-quote: "Serve, and only offer excellence."
- Direct contact aside
- Footer
-
- Minimal SVG map of North America & Caribbean with bronze service dots
- Three regions — United States, Canada, Caribbean
- Reassurance band — concierge for off-list destinations
- Footer
-
- Large Fraunces phone number, email, single line "Speak directly with Us."
- Inquiry form with five role paths (hotel · yacht · aviation · private · designer)
- Submit is a thin underline link, never a filled button
- Footer
-
· Reference (utility)
- Style guide — tokens, type, spacing, components, voice
- Sitemap — this page
- Hero video specification — for the videographer
Notes for build.
- Routing: all canonical URLs prefixed
/en/. Reserve/fr/and/es/for future translation. Root/redirects to/en/. - Stack: static — Astro or Eleventy preferred. Deployable to Netlify or Vercel.
- Performance budget: Lighthouse 95+ on all four lanes. Self-host fonts, preload Fraunces variable + Manrope 400/500.
- Imagery: AVIF with WebP fallback. Lazy-load below the fold. Hero MP4 H.265 + WebM/VP9 fallback. Mobile poster image.
- Accessibility: semantic HTML, hierarchical headings, ARIA labels on icon-only links, all animations honour
prefers-reduced-motion.