Site-wide settings for breakpoints, colors and fonts
Provides the update functionality for all sub-stacks
Standard Colors - select one of the standard colors from the drop down.
Custom Colors - select Custom from the drop down. This opens a color selector for individual colors
Custom Gradient - select Custom Gradient from the drop down. This opens two color selectors: one for the starting color and one for the ending color of the gradient. Additionally, you can set the gradient angle via the Angle slider
For warehoused images, you can select the Warehoused Image option and provide a link to the image via the standard Link Dialog. Additionally, you can add an Alternative Text.
In non Warehouse-Mode you can either browse to the particular picture or drag and drop it onto the image-well.
Image Tiling - select a tiling option. I you want your image to cover the entire width of the Hero stack, select None
Image Size - select one of the image sizing options
Poition - if your image does not completely cover the Hero stack, select one of the Position options to place your image
Lock Background - choose this option to lock your image. This will create a simple parallax effect when scrolling
In this section you have access to all the definitions of the breakpoints used throughout Platform.
In this section you can define the global color scheme for your site. The schema is:
each color has a name
each color name is assigned to one or more derived colors in the following section
This way it is possible to map your company style guide precisely to the Platform theme.
As described in the previous section, the Primary Colors are now assigned to their Derived Colors, i.e. where they are actually used.
Scheme Colors are adjustable. This makes it easy to create a "Dark Mode" by just swapping the values:
Scheme Main: Black Scheme Invert: White etc.
Link Colors are fully adjustable: Link, Link Hover, Link Focus, Link Active, Link Visited
In this section you have access to settings like radii, speed etc.
Page Loader - enables the Page Loader
PL Text - sets the text displayed while the Page Loader is active
PL Style - choose between From Left and From Right