Editorial purpose
Vesper Account modules define the user-facing flows and interfaces related to identity and profile management within the application. They standardize how users register, authenticate, recover access, and manage personal settings or subscriptions.
From an editorial perspective, these modules ensure consistency in structure and behavior across account-related experiences.
Module variants
Authentication variants: Modules designed for authentication flows (for example, sign in or sign up), supporting branding elements such as logo and background images, including responsive behavior for different screen sizes.
VESPER Account Sign Up: Creates a new user account.
VESPER Account Sign In: Authenticates an existing user.
VESPER Account Forgot Password: Allows a user to request a password reset.
VESPER Account Reset Password: Allows a user to set a new password after a reset request.
VESPER Account Pin and Pair: Allows a user to link a device or session using a PIN code.
App variants: Modules used in authenticated areas of the application, focused on content display with minimal branding options and support for full screen layouts.>
VESPER Account Details: Displays and allows editing of user account information.
VESPER Account Subscriptions: Handles payment details and subscription checkout. Displays the user’s active and available subscriptions.
VESPER Account Subscriptions Payment: Handles payment details and subscription checkout.
VESPER Account Video Preferences: Allows the user to configure video playback preferences.
Layout requirement
When adding App variants modules, ensure to add them into a specific layout to make them work: VESPER Account Details Container.
Standard parameters
Common parameters
All modules share the following parameters:
Visual
Hide Module: Toggle on to prevent the module from displaying in the front end.
Color Schema: Specify whether the module appears in light (default value) or dark mode.
Remove top spacing: Toggle on to remove top spacing from the module.
Remove bottom spacing: Toggle on to remove bottom spacing from the module.
Animation
Enable Animation: Toggle on to set module animation. The front-end implementation determines what the animation looks like.
SEO
Title Heading Level: Title’s heading level (allowed values: h1, h2, h3, h4, and h5). The default value is h1 when preventSettingMetadata is not set. Otherwise, the default value is h2.
Authentication variant parameters
Sign up, Sign in, Forgot Password, Reset Password, and Pin and Pair modules share the following specific parameters:
Visual
Logo image from GAD: The tag of the GAD asset to display as the logo.
Background image from GAD: The tag of the GAD asset to display as the background.
Background image from GAD for not desktop view: The tag of the GAD asset to display as the background for non-desktop views. This setting overrides Background image from GAD for those views. If this setting is not set, Background image from GAD is used for all viewports. If this setting is set without a desktop background image, the desktop background is not used.
Add background image fade effect from the background color if the Image not fill all the area: If the background image is set from the GAD, toggle on to add the background image fade effect from the background color. This can help improve the readability of the text over the background image when the image does not cover the entire background and has areas with low contrast.
The Sign up module also has:
Legal
Legal Menu Path: The relative path of the menu containing links to the legal notices.
App variant parameters
Details, Subscriptions, Subscriptions Payment, and Video Preferences modules share the following specific parameter:
Visual
Full screen view: Toggle on to enable the full-screen view.