Landing Page Setup

Default Landing Page

By default, the landing page is comprised of elements from your Space "Basics" set in Studio. 

This includes:

1. Cover Image
2. Space Title
3. Space Description

Custom Landing Page

In the "Landing Page" tab of the Space setup, you can customize the landing page even further with a simple JSON file. Customize the following with separate options for Desktop and Mobile:

1. Background Image
2. Background Position
3. Background Size
4. Blur Amount
5. Brightness

Use some or all of the following example JSON

{ 
   "theme":{ 
       "mode":"dark", 
         "desktopBackground":{ 
         "backgroundImage":"url('https://resources.vatom.com/abcd1234/desktop-background.png')", 
         "backgroundPosition":"center", 
         "backgroundSize":"cover",
         "blurAmount": "20px",
         "brightness": "0.6"
      }, 
      "mobileBackground":{ 
         "backgroundImage":"url('https://resources.vatom.com/abcd1234/mobile-background.png')", 
         "backgroundPosition":"center", 
         "backgroundSize":"cover",
         "blurAmount": "20px",
         "brightness": "0.6"
      }, 
      "accentColor":"#00F1FE", 
      "buttonStyle":{ 
         "color":"#fff", 
         "background":"linear-gradient(90deg, #dc32de 0%, #00f1fe 100%)", 
         "borderRadius":"50px" 
      } 
   }, 
   "features":{ 

   } 
}

Requirements for Fields are as follows:

• blurAmount should be denoted in pixels (px) and have a prefix of a whole number between 0 and 30 (i.e. between "0px" and "30px"). If this given value does not conform to the above requirements, a default value of "20px" will be used.
• brightness should be a decimal number between 0 and 1 inclusive, with no units as a suffix (e.g. just "0.4"). If this given value falls outside the range [0, 1], it will be clamped to the nearest valid decimal (i.e. if given "30", the value will be treated as "1", or if given "-3", the value will be treated as "0"). If this given value is an invalid decimal number, a default value of "0.6" will be used instead.