{"id":397,"date":"2020-06-14T07:20:10","date_gmt":"2020-06-14T11:20:10","guid":{"rendered":"https:\/\/cpa.apps01.yorku.ca\/?page_id=397"},"modified":"2025-06-03T09:21:54","modified_gmt":"2025-06-03T13:21:54","slug":"modules-library","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/digitalexperiencehub\/modules-library\/","title":{"rendered":"Modules Library"},"content":{"rendered":"\n
\n
\n

Page Blueprint<\/h2>\n\n\n\n

The new web system is based on a 12-column grid<\/strong>. The width of the columns is a percentage value based on the width of the page.

This helps maintain the quality of the blocks in all possible devices. You will notice as you build the pages that some blocks are available in some widths and others are not. 

Layouts enable you to control how the content flows and breaks across the page \u2013 they can be symmetric<\/strong> or asymmetric<\/strong>.<\/p>\n<\/div>\n\n\n\n

\n
\"page<\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n\n\n\n
\n
\n

Designing new modules<\/h2>\n\n\n\n

快播视频 has created a library of modules to assist in designing your website, keep brand consistency and user experience. However if there is a module outside of this library that agencies, faculties, or units wish to create, it must be approved by Communications & Public Affairs first. To complete this process you must:<\/p>\n\n\n\n

    \n
  1. Explain the rationale for the new module and why it is required, instead of using the available modules (include visual examples) <\/li>\n\n\n\n
  2. Provide research and data to back up your recommendation <\/li>\n\n\n\n
  3. Detail how you would incorporate the brand design<\/a> into the module<\/li>\n\n\n\n
  4. Send this recommendation to cpadigit@yorku.ca<\/a> for review <\/li>\n\n\n\n
  5. If the module rationale is approved, the final module design must be sent to cpadigit@yorku.ca<\/a> for review <\/li>\n\n\n\n
  6. If final design is approved, the new module will be property of 快播视频 and any future use of the new module will be available to all website administrators<\/li>\n<\/ol>\n<\/div>\n\n\n\n
    \n
    \"An<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n
    <\/div>\n\n\n\n

    Modules Library<\/h2>\n\n\n\n

    Modules are designed into blocks with a specific function that allows you to publish content on the page. Blocks create a combination of pieces that are dependent on the content type and the audience. This library is meant to be a guide on how to use the blocks based on the brand principles, best web practices and accessibility.<\/p>\n\n\n\n

    Note<\/strong>: Kindly avoid using secondary colours with hyperlinks as they are not AODA compliant but stick to the default blocks and background colours as these have been tested and confirmed AODA complaint.<\/p>\n\n\n\n

    To add \"Share Buttons\" to your posts, kindly send a request email to cpadigit@yorku.ca<\/a> to get this done for you.<\/strong><\/p>\n\n\n\n

    \n
    <\/div>\n\n\n\n
    \n
    \n