Welcome page

Author: Xiankun Li | Last edit: June 28, 2023 | Design type: Samples | Product area:
About Infinispan welcome page
Infinispan is an open-source in-memory data grid. It's the downstream version of the Redhat Data Grid. It is an in-memory, distributed, NoSQL datastore solution. Users' applications can access, process, and analyze data at in-memory speed to deliver a superior user experience.
The welcome page is designed for the user to open the console. After the console is initialized by entering the correct command line on the CLI terminal, the user will be directed to the Infinispan welcome page. There is no login or signup form on the welcome page because users have to use the SSO service to log in to the console, the login form or signup form will depend on the SSO process.
Look and feel
This image shows the look and feel of the welcome page. For more details, please take a look at the prototype.

Main components
The image below shows the main components of the welcome page.

- Current version info
- This indicates which version the user is using.
- Latest version
- It's a hyperlink. After clicking the link, users will redirect to the official website and view the latest version and available versions.
- Description
- This is a brief intro to this product.
- Call-to-action
- Since users have to use the SSO service to log in to the console, there is no login or signup form. After clicking the
Open the console
button, it will direct users to the SSO process.
- Since users have to use the SSO service to log in to the console, there is no login or signup form. After clicking the
- Tiles
- Clickable tiles link to the different resources related to the product.
Measurements and font info
The screen below shows the distance data between the different main components and some font info.

- Title:
- Font family: Red Hat Display - Bold
- Font size: 40px
- Version info
- Font family: Red Hat text - Medium
- Font size: 16px
- Description
- Font family: Red Hat text - Regular
- Font size: 16px
- Black bar
- Color: HEX=000000. Transparency=60%
Responsive design
The image below shows how the screen looks in different sizes.
1080PX

720PX

390PX (IPhone14)
