TABLE DES MATIÈRES
1 -
404 page (= error page)
General
- Choice of text alignment
- Choice of container type → placer ou non un container à la page, et si oui définir l’épaisseur et l’arrondi de la bordure
Content
- Select the title font style
- Select a text font style
- Select the “go to home page” button style
Colors
- Choice of the container’s background and border color if there is one
- Choice of the page background color
2 -
Search
a - Layout
General
- Choice of element alignment on the page
- Choice of container type, and if applicable, set the border radius and thickness
Heading
- Variants selector → choice of element positions in the heading
- Choice of the listing title typography style
- Choice of the search results typography style
Colors
- Choice of the container’s border and background color, if any
- Choice of the search results page background color
- Depending on the variant, choice of the secondary color
b - Filters
Content
- Choice of filters that will be active on the search
- For each filter, define the label for selecting an item and the label if no items are found
- Choice of typography style for the filters
- Set the border thickness and radius of the filter boxes
- Choice of the reset button style
Colors
- Choice of the active filter color
- Choice of the filter border color
- Choice of the filter background color
c - Pagination
General
- Variants selector: choice of pagination style. Depending on the choice, set the border thickness and radius of the elements
- Choice of pagination font style
Colors
- Choice of hover text color
- Choice of pagination border color, normal and on hover
- Choice of pagination background color, normal and on hover
- Choice of pagination arrow color, normal and on hover
d - Card
Content
- Variants selector: choice of search results display style — framed or not
- Depending on the variant, set the border thickness and radius of the frames or borders
- Choice of information to display for each search result (categories, dates, etc.)
- Choice of typography style for the displayed information
- Choice of typography style for the title of the frame (of the found item)
- Choice of other information displayed:
- Excerpt → if checked, choice of typography style for the excerpt
- Social media → if checked, select the icon size
- Image → if checked, choice of image position and border radius
- “Read More” → if checked, choice of button style
- Decorative element with the button → if checked, choice of the decoration following the button
Colors
- Choice of the “Read More” button hover color
- Choice of the standard and hover icon colors
- Choice of the border color of the result box if there is one
- Choice of the background color of the result
Video examples
3 -
Misc
a - Body Background Color
- Choice of the general background color of the site: everything outside the blocks (if they do not have a container, the background color will be the background color of the site)
b - Decorative Element
- Display or hide a decorative element on the site’s pages (in the background or between blocks)
- If selected, choice of the decoration style
- Depending on the selected decoration, choice of its color
For the bubbles type, we recommend choosing a color with transparency.
c - Add Scripts
- Add scripts in the site’s page header (for example, if you want to add analytics tracking, you’ll have a code snippet to place in the header of your site’s pages — this is where you can insert it)
- Add scripts in the footer