DIGITAL PRESENCE

NAVIGATION & Components

Create intuitive and consistent user experiences with Sanlorenzo's navigation system and UI components. Discover guidelines for headers, footers, menus, modules, and reusable interface elements designed for flexibility and coherence.

Anchors

The Anchor Navigation module provides a quick way to navigate long-form pages by linking to key content sections. It can be used on Model Pages and Internal Pages whenever the page contains multiple sections or extensive content. The component helps users understand the page structure at a glance, offering an immediate overview of the available information and enabling quick access to specific topics without excessive scrolling. For optimal readability, anchor labels should be concise and preferably limited to one or two keywords.

Filters

The Filter Bar module allows users to refine and explore model listings efficiently. It can be displayed on Model Listing Pages and includes the total number of available items, a set of dropdown filters to narrow results based on available attributes, and a view switcher that lets users toggle between grid and list layouts. The component updates the displayed results dynamically, helping users quickly find the most relevant content while providing flexibility in how information is browsed.

Cards

Four types: Model Card (product), Editorial Card (news), Dealer Card.  No border-radius · border 0.37px rgba(28,51,61,0.6), People card

Gallery & Specifications

The Gallery module provides dedicated image galleries for showcasing the yacht's exterior and interior. The Specifications module combines technical specifications with general arrangement plans in a single view. Both modules support an optional content switcher positioned in the top-right corner, allowing users to easily switch between different yacht configurations and view the corresponding images, layouts, and specifications.

Manifesto

The Manifesto module combines text and imagery in a flexible two-column layout. The image and text can be positioned on either side of the layout. The module optionally supports an overtitle and a call-to-action (CTA). It is also available in a text-only variant, where highlighted keywords within the content reveal a related image on hover, creating an interactive reading experience.

Form & Input

The Enquire module consists of an introductory content section paired with a responsive input form. The form supports single-line text inputs, select fields, a multi-line textarea, a mandatory GDPR consent checkbox, and a primary CTA for submission. Fields are arranged in a clear visual hierarchy to improve scanability and reduce cognitive load, ensuring a consistent and intuitive experience across desktop and mobile devices.

Dealer locations

The Map module allows visitors to explore the dealer's regional locations and access the relevant contact details for each office. Include only official Sanlorenzo dealer locations and ensure that addresses, contact information and map coordinates are always accurate and up to date.