ui.json

The ui.json defines the logo, the color theme and the typography of a Tenant. It is located in the resources folder of each site code repository.

This is an example of a ui.json file:

{
    "siteIdentity": {
        "logo": {
            "title": "examplesite.com",
            "src": "https://live.mrf.io/statics1340/www.examplesite.com/index/logo.png",
            "href": "//www.examplesite.com",
            "width": 100,
            "height": 100
        },
        "colors": {
            "scheme": "LIGHT",
            "main": "#FFF",
            "secondary": "#000"
        },
        "typography": {
            "headings": {
                "fontFamily": "/statics/f/ps/fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff",
                "fontSize": "MEDIUM",
                "fontWeight": "NORMAL"
            },
            "body": {
                "fontFamily": "system-ui",
                "fontSize": "MEDIUM",
                "fontWeight": "NORMAL"
            }
        },
        "mainLogoRatio": 0
    },
    "siteStructure": {
        "pagination": {
            "numPages": 5
        }
    }
}

Ui json schema

The ui json schema (opens new window) lists all the attributes that can be used in this file.

There is a separate schema to specify the colors (opens new window), font (opens new window) and typography (opens new window) properties.

Inheritance

This file follows all the usual Marfeel principles regarding json.