Coloured sections

To break the monotonousness of the UI, you can interchangeably use 2 patterns for coloured sections:

  • a pink section
    To add a pink section, you can either type “/ti-pink-section” and press (⏎), OR
    • Click on .
    • Go to Patterns > My Patterns.
    • Search for “ti-pink-section“
    • Replace the heading and body with the expected content.

This is a pink section

Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus. Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce.

  • a blue section
    To add a blue section, you can either type “/ti-blue-section” and press (⏎), OR
    • Click on .
    • Go to Patterns > My Patterns.
    • Search for “ti-blue-section“
    • Replace the heading and body with the expected content.

This is a blue section

Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus. Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce.