Back to Designs page

Table of Contents

Related Research

No research entries have been linked to this design.

Resources

Additional tags

No tags are assigned to this entry.

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.

  1. Current version info
    • This indicates which version the user is using.
  2. 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.
  3. Description
    • This is a brief intro to this product. 
  4. 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.
  5. 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.

  1. Title: 
    • Font family: Red Hat Display - Bold
    • Font size: 40px
  2. Version info
    • Font family: Red Hat text - Medium
    • Font size: 16px
  3. Description
    • Font family: Red Hat text - Regular
    • Font size: 16px
  4. Black bar
    • Color: HEX=000000. Transparency=60%

Responsive design

The image below shows how the screen looks in different sizes. 

1080PX

 

720PX

 

390PX (IPhone14)