{"id":4134,"date":"2025-05-21T11:08:50","date_gmt":"2025-05-21T15:08:50","guid":{"rendered":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/?post_type=chapter&#038;p=4134"},"modified":"2026-03-24T16:53:02","modified_gmt":"2026-03-24T20:53:02","slug":"organization-design-appendix","status":"publish","type":"chapter","link":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/organization-design-appendix\/","title":{"raw":"Organization and Design Appendix","rendered":"Organization and Design Appendix"},"content":{"raw":"<div class=\"textbox outer\">\r\n<h2>Organization and Design for<\/h2>\r\n<div class=\"textbox inner\">\r\n<h2>Pressbooks<\/h2>\r\n<\/div>\r\nOrganization and design help formalize your ideas on what your book should look like as a whole and enable accessibility and usability.\r\n\r\n<\/div>\r\n<h2>Learning, Organization, Look and Feel, and Style Guide<\/h2>\r\n<div class=\"menu-table-wrapper h5p-display\">\r\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#learning\">Learning<\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#learning-outcomes\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Learning Outcomes <\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#interactive-learning\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Interactive Learning <\/a><\/div>\r\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#organization\">Organization\r\n[includes tracking strategy]<\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#structure\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Structure <\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#nav\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Navigation <\/a><\/div>\r\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#look-and-feel\">Look and Feel\r\n[includes design plan template]<\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#text-elements\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Text\r\nElements <\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#visual-elements\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Visual\r\nElements <\/a><\/div>\r\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#style-guide\">Style Guide<\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#writing-style\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Writing\r\nStyle <\/a>\r\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#citations\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Citations <\/a><\/div>\r\n<\/div>\r\n<h2 id=\"learning\" class=\"da-h2\">Learning<\/h2>\r\n<h3 id=\"learning-outcomes\" class=\"da-h3\">Learning Outcomes<\/h3>\r\nLet us say that you have already developed clear student-centred learning outcomes. They are action-based, measurable, and based on the development of skills, attitudes, or knowledge; and, they are framed by the necessary conditions for their achievement. Take a side quest on <a href=\"https:\/\/opentextbooks.concordia.ca\/course-design\/chapter\/develop-learning-outcomes\/\" target=\"_blank\" rel=\"noopener\">learning outcomes<\/a>, if needed.\r\n\r\nRefer to the learning outcomes listed on your syllabus. Describe how you intend for the open textbook to support your learning outcomes. Some open textbooks include learning outcomes meant to complement the measurable and conditional outcomes found in a well-designed course syllabus. For example, the introductory sections in <a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/\" target=\"_blank\" rel=\"noopener\"><em>Quantitative Research Methods for the Applied Human Sciences <\/em><\/a>outline the learning outcomes. From chapters two and seven in <em>Quantitative Methods, <\/em>note how these learning outcomes are action-based and specific.\r\n<ul class=\"h5p-display\" style=\"line-height: 4.4em;\">\r\n \t<li>LO:<span class=\"grey-textbox l-outcomes-textbox\"> Describe a micro-level approach to research, and provide an example of a micro-level study.<\/span><\/li>\r\n \t<li>LO:<span class=\"grey-textbox l-outcomes-textbox\">Identify when it is appropriate to employ survey research as a data-collection strategy.<\/span><\/li>\r\n<\/ul>\r\n<ul class=\"web-display-hide\">\r\n \t<li>LO: Describe a micro-level approach to research, and provide an example of a micro-level study.<\/li>\r\n \t<li>LO: Identify when it is appropriate to employ survey research as a data-collection strategy.<\/li>\r\n<\/ul>\r\n<h3 id=\"interactive-learning\" class=\"da-h3\">Interactive Learning<\/h3>\r\nInteractive Learning is an essential part of actively engaging with course materials. Take a side quest to familiarize yourself with<em> <a href=\"https:\/\/opentextbooks.concordia.ca\/active-learning\/\" target=\"_blank\" rel=\"noopener\">Active Learning<\/a><\/em>, if needed. In the context of your course and project plan, consider whether you would like to make your textbook interactive.\r\n\r\nThe number of interactive activities added to or removed from your open textbook is entirely up to you. Interactivity can be implemented through the use of activity questions and end-of-chapter exercises that support formative and summative learning. The Pressbooks plugin, H5P, offers components such as the <a href=\"https:\/\/h5p.org\/multichoice\" target=\"_blank\" rel=\"noopener\">Multiple Choice Question<\/a> and the <a href=\"https:\/\/h5p.org\/accordion\" target=\"_blank\" rel=\"noopener\">Accordion<\/a>. Learn and test these components after exploring our earlier page, <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/part\/interactive-content-with-h5p\/\" rel=\"noopener\">V: Interactive Content with H5P<\/a>.\r\n\r\n<span class=\"web-display-hide\">Note that the H5P plugin should already be activated on Concordia University Library's instance of Pressbooks. Navigate to the \"Plugins\" tab, and click on \"Active\" under H5P.<\/span>\r\n<div class=\"grey-textbox int-learning-textbox h5p-display\">Note that the H5P plugin should already be activated on Concordia University Library's instance of Pressbooks. Navigate to the \"Plugins\" tab, and click on \"Active\" under H5P.<\/div>\r\n\r\n<hr style=\"margin-top: 9.5em;\" \/>\r\n\r\n<h2 id=\"organization\" class=\"da-h2\">Organization<\/h2>\r\n<div>\r\n\r\nEach open textbook is divided into three sections: Front Matter, Body, and Back Matter. They are used to organize the material and progress of each part of the textbook.\r\n\r\nYou may choose to develop a<a href=\"http:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-content\/uploads\/sites\/55\/2026\/03\/Concordia-Open-Textbook-Content-Plan.xlsx\"><span style=\"background-color: #ffffff;\"> project tracking strategy <\/span><\/a>that accounts for the tasks involved in\u00a0the front matter, body, and back matter of your project\u2019s organization.\r\n<h3>Cover<\/h3>\r\n<\/div>\r\n<div>\r\n\r\nThe cover of your textbook is the first aspect of your book that your students see, so taking time to design it is necessary to leave\u00a0a lasting impression. Covers can be as straightforward or as complex as you would like, depending on the project's scope and your design needs.\r\n\r\n<\/div>\r\n<div>\r\n\r\nAt a minimum, your cover needs to include the following:\r\n\r\n<\/div>\r\n<div>\r\n<ul>\r\n \t<li>Title<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div>\r\n<ul>\r\n \t<li>Name(s) of the authors\/editors<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div>\r\n<ul>\r\n \t<li>Appropriate licensing icons sourced from\u00a0<a href=\"https:\/\/creativecommons.org\/share-your-work\/cclicenses\/\" target=\"_blank\" rel=\"noopener\">the Creative Commons website<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div>\r\n\r\nThe design of your cover needs to be 638px by 1024px. We welcome the use of images and illustrations within your cover but require that the images fall under appropriate licensing and that attribution is given if needed.\r\n\r\n<\/div>\r\n<div>\r\n\r\nIf you need help designing a cover, please get in touch with the OER team. We can help create a design aligned with your project vision and verify any relevant licensing requirements. If you are making your own cover, please note that the OER team has to approve it in advance.\r\n\r\n<\/div>\r\n&nbsp;\r\n<h4 class=\"da-h4\">Front Matter<\/h4>\r\n<ul style=\"height: 32.5em;\">\r\n \t<li>Introduction<span class=\"web-display-hide\">: An overview of the textbook, written by the author. See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/front-matter\/introduction\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span>\r\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">An overview of the textbook, written by the author. See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/front-matter\/introduction\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span><\/li>\r\n \t<li>Authors<span class=\"web-display-hide\">: Short biographies of the author(s) and student(s) who have contributed. See an example by Loren Lerner and Karine Antaki in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/front-matter\/contributors\/#front-matter-7458-section-1\" target=\"_blank\" rel=\"noopener\">Creating the Modern<\/a><\/em>.<\/span>\r\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">Short biographies of the author(s) and student(s) who have contributed. See an example by Loren Lerner and Karine Antaki in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/front-matter\/contributors\/#front-matter-7458-section-1\" target=\"_blank\" rel=\"noopener\">Creating the Modern<\/a><\/em>.<\/span><\/li>\r\n \t<li>Accessibility Statement<span class=\"web-display-hide\">: Accessibility features and the standard your textbook follows. See an example by Peter Morden in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/front-matter\/accessibility-statement\/\" target=\"_blank\" rel=\"noopener\">Quantitative Research Methods<\/a><\/em>.<\/span>\r\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">Accessibility features and the standard your textbook follows. See an example by Peter Morden in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/front-matter\/accessibility-statement\/\" target=\"_blank\" rel=\"noopener\">Quantitative Research Methods<\/a><\/em>.<\/span><\/li>\r\n \t<li>Acknowledgments<span class=\"web-display-hide\">: Contributors to your textbook, including students who assisted. See an example by Natalie Kouri-Towe and Myloe Martel-Perry in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/front-matter\/frontmatter\/#front-matter-4-section-6\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/span>\r\n<span class=\"grey-textbox h5p-display\" style=\"height: 5.5em;\">Contributors to your textbook, including students who assisted. See an example by Natalie Kouri-Towe and Myloe Martel-Perry in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/front-matter\/frontmatter\/#front-matter-4-section-6\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/span><\/li>\r\n<\/ul>\r\n<h4 class=\"da-h4\">Body Sections and Chapters<\/h4>\r\nThe Body contains the content of your book. Consider how your book should be divided and structured, including any subsection types that may repeat in each section or chapter.\r\n<p class=\"web-display-hide\">See an example by St\u00e9phane Brutus and Nora Baronian in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/hrmcanadian\/\" target=\"_blank\" rel=\"noopener\">Human Resources Management \u2013 Canadian Edition<\/a><\/em>, where the body is divided into 11 parts, each with 4-5 chapters.<\/p>\r\n<span class=\"grey-textbox large-textbox top-margin h5p-display\">See an example by St\u00e9phane Brutus and Nora Baronian in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/hrmcanadian\/\" target=\"_blank\" rel=\"noopener\">Human Resources Management \u2013 Canadian Edition<\/a><\/em>, where the body is divided into 11 parts, each with 4-5 chapters.<\/span>\r\n<h4 class=\"da-h4\" style=\"margin-top: 12em !important;\">Back Matter<\/h4>\r\n<strong>Versioning Page<\/strong>\r\n\r\n<span style=\"color: #000000;\">The versioning page is a log of major updates made to an open textbook. It keeps track of the date, version number, and the affected page(s). Small changes distinguish versions 1, 1.1, 1.2, 1.3, and 1.4. Significant changes separate versions 1 and 2, which we equate with editions 1 and 2. A new edition merits a new ISBN; in this case, please let us know if you have moved to a new edition.\u00a0<\/span>\r\n\r\n<span class=\"grey-textbox large-textbox top-margin h5p-display\">See an example in this <em><a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/back-matter\/versioning\/\" rel=\"noopener\">Guide to Pressbooks at Concordia University<\/a><\/em>.<\/span>\r\n<h3 id=\"nav\" class=\"da-h3\" style=\"margin-top: 10em !important;\">Navigation<\/h3>\r\nNavigation involves components that allow the user to move through a page or to a different chapter. Essential navigation components include the table of contents, which appears below the cover and description, as well as in the left menu sidebar; it also includes the bottom bar that navigates to the previous and following pages. Note that we have added a navigation table at the beginning of several pages in our guide, including this page, to make it easier to jump to subtopics.\r\n<p class=\"web-display-hide\">We have also modified the bottom navigation bar from the small default bar, which is hard to see. For our Guidebook, we increased the bottom bar's width and font to make navigation between pages more obvious.\u00a0 A tutorial on how to implement this customization can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/complex-css-appendix\/\">Complex CSS Appendix<\/a> page.<\/p>\r\n<span class=\"grey-textbox large-textbox top-margin h5p-display\">We have also modified the bottom navigation bar from the small default bar, which is hard to see. For our Guidebook, we increased the bottom bar's width and font to make navigation between pages more obvious.\u00a0 A tutorial on how to implement this customization can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/complex-css-appendix\/\">Complex CSS Appendix<\/a> page.<\/span>\r\n\r\n<hr style=\"margin-top: 14em;\" \/>\r\n\r\n<h2 id=\"look-and-feel\" class=\"da-h2\">Look and Feel<\/h2>\r\nWhen creating with Pressbooks, it is essential to establish and consistently apply visual standards throughout the book. Establishing visual guidelines early in your workflow enables a smoother development process for those collaborating on the book and ensures that the reader's user experience is prioritized. Below is a template for a potential design plan for your Pressbooks book, including the look and feel, with examples and resources.\r\n\r\nA blank design plan can be downloaded as an interactive PDF with the<strong> <a href=\"http:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-content\/uploads\/sites\/55\/2025\/08\/Concordia-Open-Textbook-Design-Plan.pdf\">Concordia Open Textbook Design Plan Template<\/a>.<\/strong> Modify the template based on the needs of your project.\r\n<h3 id=\"text-elements\" class=\"da-h3\">Text Elements<\/h3>\r\n<h4 class=\"da-h4\">Typeface (Font Family)<\/h4>\r\nIt is possible to change the default typeface to a different one of your choice using Custom CSS. For example, in this Guidebook, you will see:\r\n<ul class=\"h5p-display\" style=\"line-height: 3.2em;\">\r\n \t<li>Default Header typeface: <span class=\"grey-textbox h5p-display\" style=\"width: 68%;\">Montserrat<\/span><\/li>\r\n \t<li>Default Body typeface: <span class=\"grey-textbox h5p-display\" style=\"width: 68%;\">Poppins<\/span><\/li>\r\n<\/ul>\r\n<ul class=\"web-display-hide\">\r\n \t<li>Default Header typeface: Montserrat<\/li>\r\n \t<li>Default Body typeface: Poppins<\/li>\r\n<\/ul>\r\n<h4 class=\"da-h4\">Headers and Font Size<\/h4>\r\nEnsure that font size is accessible and decreases in size as the level of the heading descends. Headings should be larger and visually distinct from the body text.\r\n\r\nIn addition to the default header and body typefaces,\u00a0 you might also consider including:\r\n<ul>\r\n \t<li>Default Body typeface and size<\/li>\r\n \t<li>Default Caption typeface and size<\/li>\r\n \t<li>Default H1, H2, H3, etc typeface and size<\/li>\r\n<\/ul>\r\n<h3 id=\"visual-elements\" class=\"da-h3\">Visual Elements<\/h3>\r\n<h4 class=\"da-h4\">Inspiration<\/h4>\r\nConsider Open Textbooks that look good. What do you like about the books?\r\n<p class=\"web-display-hide\">For inspiration, a complete catalogue of open textbooks at Concordia can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\" target=\"_blank\" rel=\"noopener\">Concordia University Open Textbooks<\/a> website. Other resources to find open textbooks include <a href=\"https:\/\/collection.bccampus.ca\/\" target=\"_blank\" rel=\"noopener\">BCcampus<\/a>.<\/p>\r\n\r\n<div class=\"grey-textbox large-textbox top-margin h5p-display\">For inspiration, a complete catalogue of open textbooks at Concordia can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\" target=\"_blank\" rel=\"noopener\">Concordia University Open Textbooks<\/a> website. Other resources to find open textbooks include <a href=\"https:\/\/collection.bccampus.ca\/\" target=\"_blank\" rel=\"noopener\">BCcampus<\/a>.<\/div>\r\n<h4 class=\"da-h4\" style=\"margin-top: 11.8em !important;\">Images<\/h4>\r\nThe importance of images may vary from textbook to textbook. Some things to consider when using images are:\r\n<ul>\r\n \t<li>Estimated number of images<\/li>\r\n \t<li>What the image caption should look like<\/li>\r\n \t<li>Are there decorative images?<\/li>\r\n \t<li>Do they have an alt text?<\/li>\r\n<\/ul>\r\n<h4 class=\"da-h4\">Cover Page<\/h4>\r\nThe cover page will appear as a thumbnail in the Open Textbook catalogue. Cover pages are simple, easy to read, and contain essential information such as the title, author, their Creative Commons (CC) licences, and a background image or colour. If you need assistance with the cover page, let the OER team know.\r\n\r\n&nbsp;\r\n\r\n[h5p id=\"71\"]\r\n<div class=\"textbox textbox--examples attributions\">\r\n<div class=\"textbox__content\">\r\n\r\n<strong>Image Slider:<\/strong> Concordia University Library Open Textbook Covers.\r\n\r\n<\/div>\r\n<\/div>\r\n<h4 class=\"da-h4\">Default Theme<\/h4>\r\nPressbooks offers various book themes to choose from, including Austen Classic and Clarke and Donham. Further customize your Pressbook with Theme Options, as described in the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/customization-through-theme-options\/\">Customize Themes<\/a> page.\r\n<h4 class=\"da-h4\">Colour Palette<\/h4>\r\nFor assistance in creating a cohesive colour palette, we suggest using tools like\u00a0<a title=\"https:\/\/color.adobe.com\/\" href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Colors<\/a>\u00a0and\u00a0<a title=\"https:\/\/coolors.co\/\" href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Coolors<\/a>.\u00a0<a title=\"https:\/\/www.concordia.ca\/web\/design\/ui-kit-style-guide-accessibility\/web-palette-new.html\" href=\"https:\/\/www.concordia.ca\/web\/design\/ui-kit-style-guide-accessibility\/web-palette-new.html\" target=\"_blank\" rel=\"noreferrer noopener\">Concordia\u2019s Web palette<\/a> also serves as a helpful resource. Colour contrast should adhere to accessibility guidelines and can be checked using online accessibility tools and previewed with <a title=\"https:\/\/color.adobe.com\/\" href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Colors<\/a>. In this Guidebook, the colour palette includes:\r\n<ul style=\"line-height: 3.2em;\">\r\n \t<li>Colour 1: <span class=\"web-display-hide\">#912338 (Dark Red): Headers and Borders<\/span>\r\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\r\n<div class=\"dark-red-colour-box h5p-display\">#912338 (Dark Red): Headers and Borders<\/div>\r\n<\/div><\/li>\r\n \t<li>Colour 2: <span class=\"web-display-hide\">#004085 (Dark Blue): H5P Elements and Buttons<\/span>\r\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\r\n<div class=\"dark-blue-colour-box h5p-display\">#004085 (Dark Blue): H5P Elements and Buttons<\/div>\r\n<\/div><\/li>\r\n \t<li>Other Colours: <span class=\"web-display-hide\">#373D3F (Dark Grey), #0072A8 (Turquoise)<\/span>\r\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\r\n<div class=\"dark-grey-colour-box h5p-display\">#373D3F (Dark Grey),<\/div>\r\n<div class=\"turquoise-colour-box h5p-display\">#0072A8 (Turquoise)<\/div>\r\n<\/div><\/li>\r\n<\/ul>\r\n<h4 class=\"da-h4\">Textbox Variations<\/h4>\r\nWhen creating textboxes, consider using Pressbook\u2019s existing tools in the Theme Options page within the Appearance tab. This simplifies the customization of textboxes without requiring the addition of extra styles to the CSS as a custom style.\r\n\r\nTo add a textbox in a chapter\/part, navigate to the \"Visual\" tab and select the \"Textboxes\" dropdown menu. There are 12 default options to choose from. See an example of the \"Learning Outcomes\" textbox and examples of how they are implemented below:\r\n<div class=\"textbox__content\">\r\n<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Textbox Examples<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>To outline learning outcomes in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/explorations\/chapter\/1\/\" target=\"_blank\" rel=\"noopener\">Explorations: An Open Invitation to Biological Anthropology<\/a><\/em>.<\/li>\r\n \t<li>To highlight information in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/chapter\/challenges-and-further-resources\/\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<hr \/>\r\n\r\n<h2 id=\"style-guide\" class=\"da-h2\">Style Guide<\/h2>\r\n<h3 id=\"writing-style\" class=\"da-h3\">Writing Style<\/h3>\r\nIt\u2019s essential to maintain consistency in the text to ensure tone and standardize the language. Describe the tense (past, present, future) and spelling (American, Canadian) you will follow. For example: <span class=\"web-display-hide\">Written in the present tense in Canadian English.<\/span>\r\n<div class=\"grey-textbox top-margin h5p-display\" style=\"height: 5.5em;\">Written in the present tense in Canadian English.<\/div>\r\n<div><\/div>\r\nIn this book, we have established consistency guidelines such as:\r\n<ul>\r\n \t<li>E-book (or e-book) rather than ebook<\/li>\r\n \t<li>Licence rather than License<\/li>\r\n \t<li>Web page rather than webpage<\/li>\r\n \t<li>Title case for headings and subheadings<\/li>\r\n<\/ul>\r\n<h3 class=\"da-h4\">Capitalization and EDI<\/h3>\r\nBlack, Indigenous, and proper names should be capitalized with the first letter, except when an author uses lower-case for their name (e.g. bell hooks).\r\n<h3 id=\"citations\" class=\"da-h3\">Citations<\/h3>\r\nSimilar to the grammar rules above, citations should also remain consistent. If you are asking the student assistants working with you on your open textbook project to review the citations, they will need to know which of the common citation styles to follow (i.e., APA, MLA, or Chicago formats) and any stylistic specifications\u00a0 that you have chosen. Consider how in-text citations and the reference list look on the page:\r\n<ul class=\"web-display-hide\">\r\n \t<li>In-text Citation: See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/chapter\/introduction-to-digital-marketing\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/li>\r\n \t<li>\"Reference\" page in the Back Matter: See an example by the Centre for Teaching &amp; Learning in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/education-sustainability\/back-matter\/references\/\" target=\"_blank\" rel=\"noopener\">A guide to embedding education for sustainability in higher education courses<\/a><\/em>.<\/li>\r\n<\/ul>\r\n<ul class=\"h5p-display \" style=\"height: 15em;\">\r\n \t<li>In-text Citation: <span class=\"grey-textbox intext-textbox h5p-display\">See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/chapter\/introduction-to-digital-marketing\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span><\/li>\r\n \t<li>\"Reference\" page in the Back Matter: <span class=\"grey-textbox h5p-display\" style=\"height: 5.5em;\">See an example by the Centre for Teaching &amp; Learning in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/education-sustainability\/back-matter\/references\/\" target=\"_blank\" rel=\"noopener\">A guide to embedding education for sustainability in higher education courses<\/a><\/em>.<\/span><\/li>\r\n<\/ul>\r\n<p class=\"web-display-hide\">For questions on implementing your design plan, please contact our OER team at <a href=\"mailto:oer@concordia.ca\" target=\"_blank\" rel=\"noopener\">oer@concordia.ca<\/a>.<\/p>\r\n\r\n<div class=\"textbox textbox--learning-objectives h5p-display\" style=\"margin-top: 4.5em;\">\r\n<div class=\"textbox__content\">For questions on implementing your design plan, please contact our OER team at <a href=\"mailto:oer@concordia.ca\" target=\"_blank\" rel=\"noopener\">oer@concordia.ca<\/a>.<\/div>\r\n<\/div>","rendered":"<div class=\"textbox outer\">\n<h2>Organization and Design for<\/h2>\n<div class=\"textbox inner\">\n<h2>Pressbooks<\/h2>\n<\/div>\n<p>Organization and design help formalize your ideas on what your book should look like as a whole and enable accessibility and usability.<\/p>\n<\/div>\n<h2>Learning, Organization, Look and Feel, and Style Guide<\/h2>\n<div class=\"menu-table-wrapper h5p-display\">\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#learning\">Learning<\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#learning-outcomes\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Learning Outcomes <\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#interactive-learning\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Interactive Learning <\/a><\/div>\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#organization\">Organization<br \/>\n[includes tracking strategy]<\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#structure\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Structure <\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#nav\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Navigation <\/a><\/div>\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#look-and-feel\">Look and Feel<br \/>\n[includes design plan template]<\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#text-elements\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Text<br \/>\nElements <\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#visual-elements\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Visual<br \/>\nElements <\/a><\/div>\n<div class=\"menu-table\"><a class=\"menu-table-title\" style=\"height: 5.5em;\" href=\"#style-guide\">Style Guide<\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#writing-style\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Writing<br \/>\nStyle <\/a><br \/>\n<a class=\"menu-table-panel\" style=\"height: 5.5em;\" href=\"#citations\"><span class=\"T286Pc\" data-sfc-cp=\"\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\"><strong class=\"Yjhzub\" data-sfc-root=\"c\" data-sfc-cb=\"\" data-processed=\"true\">\u00bb<\/strong><\/span> Citations <\/a><\/div>\n<\/div>\n<h2 id=\"learning\" class=\"da-h2\">Learning<\/h2>\n<h3 id=\"learning-outcomes\" class=\"da-h3\">Learning Outcomes<\/h3>\n<p>Let us say that you have already developed clear student-centred learning outcomes. They are action-based, measurable, and based on the development of skills, attitudes, or knowledge; and, they are framed by the necessary conditions for their achievement. Take a side quest on <a href=\"https:\/\/opentextbooks.concordia.ca\/course-design\/chapter\/develop-learning-outcomes\/\" target=\"_blank\" rel=\"noopener\">learning outcomes<\/a>, if needed.<\/p>\n<p>Refer to the learning outcomes listed on your syllabus. Describe how you intend for the open textbook to support your learning outcomes. Some open textbooks include learning outcomes meant to complement the measurable and conditional outcomes found in a well-designed course syllabus. For example, the introductory sections in <a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/\" target=\"_blank\" rel=\"noopener\"><em>Quantitative Research Methods for the Applied Human Sciences <\/em><\/a>outline the learning outcomes. From chapters two and seven in <em>Quantitative Methods, <\/em>note how these learning outcomes are action-based and specific.<\/p>\n<ul class=\"h5p-display\" style=\"line-height: 4.4em;\">\n<li>LO:<span class=\"grey-textbox l-outcomes-textbox\"> Describe a micro-level approach to research, and provide an example of a micro-level study.<\/span><\/li>\n<li>LO:<span class=\"grey-textbox l-outcomes-textbox\">Identify when it is appropriate to employ survey research as a data-collection strategy.<\/span><\/li>\n<\/ul>\n<ul class=\"web-display-hide\">\n<li>LO: Describe a micro-level approach to research, and provide an example of a micro-level study.<\/li>\n<li>LO: Identify when it is appropriate to employ survey research as a data-collection strategy.<\/li>\n<\/ul>\n<h3 id=\"interactive-learning\" class=\"da-h3\">Interactive Learning<\/h3>\n<p>Interactive Learning is an essential part of actively engaging with course materials. Take a side quest to familiarize yourself with<em> <a href=\"https:\/\/opentextbooks.concordia.ca\/active-learning\/\" target=\"_blank\" rel=\"noopener\">Active Learning<\/a><\/em>, if needed. In the context of your course and project plan, consider whether you would like to make your textbook interactive.<\/p>\n<p>The number of interactive activities added to or removed from your open textbook is entirely up to you. Interactivity can be implemented through the use of activity questions and end-of-chapter exercises that support formative and summative learning. The Pressbooks plugin, H5P, offers components such as the <a href=\"https:\/\/h5p.org\/multichoice\" target=\"_blank\" rel=\"noopener\">Multiple Choice Question<\/a> and the <a href=\"https:\/\/h5p.org\/accordion\" target=\"_blank\" rel=\"noopener\">Accordion<\/a>. Learn and test these components after exploring our earlier page, <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/part\/interactive-content-with-h5p\/\" rel=\"noopener\">V: Interactive Content with H5P<\/a>.<\/p>\n<p><span class=\"web-display-hide\">Note that the H5P plugin should already be activated on Concordia University Library&#8217;s instance of Pressbooks. Navigate to the &#8220;Plugins&#8221; tab, and click on &#8220;Active&#8221; under H5P.<\/span><\/p>\n<div class=\"grey-textbox int-learning-textbox h5p-display\">Note that the H5P plugin should already be activated on Concordia University Library&#8217;s instance of Pressbooks. Navigate to the &#8220;Plugins&#8221; tab, and click on &#8220;Active&#8221; under H5P.<\/div>\n<hr style=\"margin-top: 9.5em;\" \/>\n<h2 id=\"organization\" class=\"da-h2\">Organization<\/h2>\n<div>\n<p>Each open textbook is divided into three sections: Front Matter, Body, and Back Matter. They are used to organize the material and progress of each part of the textbook.<\/p>\n<p>You may choose to develop a<a href=\"http:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-content\/uploads\/sites\/55\/2026\/03\/Concordia-Open-Textbook-Content-Plan.xlsx\"><span style=\"background-color: #ffffff;\"> project tracking strategy <\/span><\/a>that accounts for the tasks involved in\u00a0the front matter, body, and back matter of your project\u2019s organization.<\/p>\n<h3>Cover<\/h3>\n<\/div>\n<div>\n<p>The cover of your textbook is the first aspect of your book that your students see, so taking time to design it is necessary to leave\u00a0a lasting impression. Covers can be as straightforward or as complex as you would like, depending on the project&#8217;s scope and your design needs.<\/p>\n<\/div>\n<div>\n<p>At a minimum, your cover needs to include the following:<\/p>\n<\/div>\n<div>\n<ul>\n<li>Title<\/li>\n<\/ul>\n<\/div>\n<div>\n<ul>\n<li>Name(s) of the authors\/editors<\/li>\n<\/ul>\n<\/div>\n<div>\n<ul>\n<li>Appropriate licensing icons sourced from\u00a0<a href=\"https:\/\/creativecommons.org\/share-your-work\/cclicenses\/\" target=\"_blank\" rel=\"noopener\">the Creative Commons website<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<p>The design of your cover needs to be 638px by 1024px. We welcome the use of images and illustrations within your cover but require that the images fall under appropriate licensing and that attribution is given if needed.<\/p>\n<\/div>\n<div>\n<p>If you need help designing a cover, please get in touch with the OER team. We can help create a design aligned with your project vision and verify any relevant licensing requirements. If you are making your own cover, please note that the OER team has to approve it in advance.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<h4 class=\"da-h4\">Front Matter<\/h4>\n<ul style=\"height: 32.5em;\">\n<li>Introduction<span class=\"web-display-hide\">: An overview of the textbook, written by the author. See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/front-matter\/introduction\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span><br \/>\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">An overview of the textbook, written by the author. See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/front-matter\/introduction\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span><\/li>\n<li>Authors<span class=\"web-display-hide\">: Short biographies of the author(s) and student(s) who have contributed. See an example by Loren Lerner and Karine Antaki in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/front-matter\/contributors\/#front-matter-7458-section-1\" target=\"_blank\" rel=\"noopener\">Creating the Modern<\/a><\/em>.<\/span><br \/>\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">Short biographies of the author(s) and student(s) who have contributed. See an example by Loren Lerner and Karine Antaki in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/creating-the-modern\/front-matter\/contributors\/#front-matter-7458-section-1\" target=\"_blank\" rel=\"noopener\">Creating the Modern<\/a><\/em>.<\/span><\/li>\n<li>Accessibility Statement<span class=\"web-display-hide\">: Accessibility features and the standard your textbook follows. See an example by Peter Morden in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/front-matter\/accessibility-statement\/\" target=\"_blank\" rel=\"noopener\">Quantitative Research Methods<\/a><\/em>.<\/span><br \/>\n<span class=\"grey-textbox bottom-margin h5p-display\" style=\"height: 5.5em;\">Accessibility features and the standard your textbook follows. See an example by Peter Morden in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/quantitativeresearch\/front-matter\/accessibility-statement\/\" target=\"_blank\" rel=\"noopener\">Quantitative Research Methods<\/a><\/em>.<\/span><\/li>\n<li>Acknowledgments<span class=\"web-display-hide\">: Contributors to your textbook, including students who assisted. See an example by Natalie Kouri-Towe and Myloe Martel-Perry in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/front-matter\/frontmatter\/#front-matter-4-section-6\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/span><br \/>\n<span class=\"grey-textbox h5p-display\" style=\"height: 5.5em;\">Contributors to your textbook, including students who assisted. See an example by Natalie Kouri-Towe and Myloe Martel-Perry in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/front-matter\/frontmatter\/#front-matter-4-section-6\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/span><\/li>\n<\/ul>\n<h4 class=\"da-h4\">Body Sections and Chapters<\/h4>\n<p>The Body contains the content of your book. Consider how your book should be divided and structured, including any subsection types that may repeat in each section or chapter.<\/p>\n<p class=\"web-display-hide\">See an example by St\u00e9phane Brutus and Nora Baronian in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/hrmcanadian\/\" target=\"_blank\" rel=\"noopener\">Human Resources Management \u2013 Canadian Edition<\/a><\/em>, where the body is divided into 11 parts, each with 4-5 chapters.<\/p>\n<p><span class=\"grey-textbox large-textbox top-margin h5p-display\">See an example by St\u00e9phane Brutus and Nora Baronian in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/hrmcanadian\/\" target=\"_blank\" rel=\"noopener\">Human Resources Management \u2013 Canadian Edition<\/a><\/em>, where the body is divided into 11 parts, each with 4-5 chapters.<\/span><\/p>\n<h4 class=\"da-h4\" style=\"margin-top: 12em !important;\">Back Matter<\/h4>\n<p><strong>Versioning Page<\/strong><\/p>\n<p><span style=\"color: #000000;\">The versioning page is a log of major updates made to an open textbook. It keeps track of the date, version number, and the affected page(s). Small changes distinguish versions 1, 1.1, 1.2, 1.3, and 1.4. Significant changes separate versions 1 and 2, which we equate with editions 1 and 2. A new edition merits a new ISBN; in this case, please let us know if you have moved to a new edition.\u00a0<\/span><\/p>\n<p><span class=\"grey-textbox large-textbox top-margin h5p-display\">See an example in this <em><a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/back-matter\/versioning\/\" rel=\"noopener\">Guide to Pressbooks at Concordia University<\/a><\/em>.<\/span><\/p>\n<h3 id=\"nav\" class=\"da-h3\" style=\"margin-top: 10em !important;\">Navigation<\/h3>\n<p>Navigation involves components that allow the user to move through a page or to a different chapter. Essential navigation components include the table of contents, which appears below the cover and description, as well as in the left menu sidebar; it also includes the bottom bar that navigates to the previous and following pages. Note that we have added a navigation table at the beginning of several pages in our guide, including this page, to make it easier to jump to subtopics.<\/p>\n<p class=\"web-display-hide\">We have also modified the bottom navigation bar from the small default bar, which is hard to see. For our Guidebook, we increased the bottom bar&#8217;s width and font to make navigation between pages more obvious.\u00a0 A tutorial on how to implement this customization can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/complex-css-appendix\/\">Complex CSS Appendix<\/a> page.<\/p>\n<p><span class=\"grey-textbox large-textbox top-margin h5p-display\">We have also modified the bottom navigation bar from the small default bar, which is hard to see. For our Guidebook, we increased the bottom bar&#8217;s width and font to make navigation between pages more obvious.\u00a0 A tutorial on how to implement this customization can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/complex-css-appendix\/\">Complex CSS Appendix<\/a> page.<\/span><\/p>\n<hr style=\"margin-top: 14em;\" \/>\n<h2 id=\"look-and-feel\" class=\"da-h2\">Look and Feel<\/h2>\n<p>When creating with Pressbooks, it is essential to establish and consistently apply visual standards throughout the book. Establishing visual guidelines early in your workflow enables a smoother development process for those collaborating on the book and ensures that the reader&#8217;s user experience is prioritized. Below is a template for a potential design plan for your Pressbooks book, including the look and feel, with examples and resources.<\/p>\n<p>A blank design plan can be downloaded as an interactive PDF with the<strong> <a href=\"http:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-content\/uploads\/sites\/55\/2025\/08\/Concordia-Open-Textbook-Design-Plan.pdf\">Concordia Open Textbook Design Plan Template<\/a>.<\/strong> Modify the template based on the needs of your project.<\/p>\n<h3 id=\"text-elements\" class=\"da-h3\">Text Elements<\/h3>\n<h4 class=\"da-h4\">Typeface (Font Family)<\/h4>\n<p>It is possible to change the default typeface to a different one of your choice using Custom CSS. For example, in this Guidebook, you will see:<\/p>\n<ul class=\"h5p-display\" style=\"line-height: 3.2em;\">\n<li>Default Header typeface: <span class=\"grey-textbox h5p-display\" style=\"width: 68%;\">Montserrat<\/span><\/li>\n<li>Default Body typeface: <span class=\"grey-textbox h5p-display\" style=\"width: 68%;\">Poppins<\/span><\/li>\n<\/ul>\n<ul class=\"web-display-hide\">\n<li>Default Header typeface: Montserrat<\/li>\n<li>Default Body typeface: Poppins<\/li>\n<\/ul>\n<h4 class=\"da-h4\">Headers and Font Size<\/h4>\n<p>Ensure that font size is accessible and decreases in size as the level of the heading descends. Headings should be larger and visually distinct from the body text.<\/p>\n<p>In addition to the default header and body typefaces,\u00a0 you might also consider including:<\/p>\n<ul>\n<li>Default Body typeface and size<\/li>\n<li>Default Caption typeface and size<\/li>\n<li>Default H1, H2, H3, etc typeface and size<\/li>\n<\/ul>\n<h3 id=\"visual-elements\" class=\"da-h3\">Visual Elements<\/h3>\n<h4 class=\"da-h4\">Inspiration<\/h4>\n<p>Consider Open Textbooks that look good. What do you like about the books?<\/p>\n<p class=\"web-display-hide\">For inspiration, a complete catalogue of open textbooks at Concordia can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\" target=\"_blank\" rel=\"noopener\">Concordia University Open Textbooks<\/a> website. Other resources to find open textbooks include <a href=\"https:\/\/collection.bccampus.ca\/\" target=\"_blank\" rel=\"noopener\">BCcampus<\/a>.<\/p>\n<div class=\"grey-textbox large-textbox top-margin h5p-display\">For inspiration, a complete catalogue of open textbooks at Concordia can be found on the <a href=\"https:\/\/opentextbooks.concordia.ca\" target=\"_blank\" rel=\"noopener\">Concordia University Open Textbooks<\/a> website. Other resources to find open textbooks include <a href=\"https:\/\/collection.bccampus.ca\/\" target=\"_blank\" rel=\"noopener\">BCcampus<\/a>.<\/div>\n<h4 class=\"da-h4\" style=\"margin-top: 11.8em !important;\">Images<\/h4>\n<p>The importance of images may vary from textbook to textbook. Some things to consider when using images are:<\/p>\n<ul>\n<li>Estimated number of images<\/li>\n<li>What the image caption should look like<\/li>\n<li>Are there decorative images?<\/li>\n<li>Do they have an alt text?<\/li>\n<\/ul>\n<h4 class=\"da-h4\">Cover Page<\/h4>\n<p>The cover page will appear as a thumbnail in the Open Textbook catalogue. Cover pages are simple, easy to read, and contain essential information such as the title, author, their Creative Commons (CC) licences, and a background image or colour. If you need assistance with the cover page, let the OER team know.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"h5p-71\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-71\" class=\"h5p-iframe\" data-content-id=\"71\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Pressbooks Covers\"><\/iframe><\/div>\n<\/div>\n<div class=\"textbox textbox--examples attributions\">\n<div class=\"textbox__content\">\n<p><strong>Image Slider:<\/strong> Concordia University Library Open Textbook Covers.<\/p>\n<\/div>\n<\/div>\n<h4 class=\"da-h4\">Default Theme<\/h4>\n<p>Pressbooks offers various book themes to choose from, including Austen Classic and Clarke and Donham. Further customize your Pressbook with Theme Options, as described in the <a href=\"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/customization-through-theme-options\/\">Customize Themes<\/a> page.<\/p>\n<h4 class=\"da-h4\">Colour Palette<\/h4>\n<p>For assistance in creating a cohesive colour palette, we suggest using tools like\u00a0<a title=\"https:\/\/color.adobe.com\/\" href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Colors<\/a>\u00a0and\u00a0<a title=\"https:\/\/coolors.co\/\" href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Coolors<\/a>.\u00a0<a title=\"https:\/\/www.concordia.ca\/web\/design\/ui-kit-style-guide-accessibility\/web-palette-new.html\" href=\"https:\/\/www.concordia.ca\/web\/design\/ui-kit-style-guide-accessibility\/web-palette-new.html\" target=\"_blank\" rel=\"noreferrer noopener\">Concordia\u2019s Web palette<\/a> also serves as a helpful resource. Colour contrast should adhere to accessibility guidelines and can be checked using online accessibility tools and previewed with <a title=\"https:\/\/color.adobe.com\/\" href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Colors<\/a>. In this Guidebook, the colour palette includes:<\/p>\n<ul style=\"line-height: 3.2em;\">\n<li>Colour 1: <span class=\"web-display-hide\">#912338 (Dark Red): Headers and Borders<\/span>\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\n<div class=\"dark-red-colour-box h5p-display\">#912338 (Dark Red): Headers and Borders<\/div>\n<\/div>\n<\/li>\n<li>Colour 2: <span class=\"web-display-hide\">#004085 (Dark Blue): H5P Elements and Buttons<\/span>\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\n<div class=\"dark-blue-colour-box h5p-display\">#004085 (Dark Blue): H5P Elements and Buttons<\/div>\n<\/div>\n<\/li>\n<li>Other Colours: <span class=\"web-display-hide\">#373D3F (Dark Grey), #0072A8 (Turquoise)<\/span>\n<div class=\"grey-textbox colour-palette-textbox h5p-display\">\n<div class=\"dark-grey-colour-box h5p-display\">#373D3F (Dark Grey),<\/div>\n<div class=\"turquoise-colour-box h5p-display\">#0072A8 (Turquoise)<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<h4 class=\"da-h4\">Textbox Variations<\/h4>\n<p>When creating textboxes, consider using Pressbook\u2019s existing tools in the Theme Options page within the Appearance tab. This simplifies the customization of textboxes without requiring the addition of extra styles to the CSS as a custom style.<\/p>\n<p>To add a textbox in a chapter\/part, navigate to the &#8220;Visual&#8221; tab and select the &#8220;Textboxes&#8221; dropdown menu. There are 12 default options to choose from. See an example of the &#8220;Learning Outcomes&#8221; textbox and examples of how they are implemented below:<\/p>\n<div class=\"textbox__content\">\n<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Textbox Examples<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>To outline learning outcomes in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/explorations\/chapter\/1\/\" target=\"_blank\" rel=\"noopener\">Explorations: An Open Invitation to Biological Anthropology<\/a><\/em>.<\/li>\n<li>To highlight information in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/teachingresource\/chapter\/challenges-and-further-resources\/\" target=\"_blank\" rel=\"noopener\">Better Practices in the Classroom<\/a><\/em>.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h2 id=\"style-guide\" class=\"da-h2\">Style Guide<\/h2>\n<h3 id=\"writing-style\" class=\"da-h3\">Writing Style<\/h3>\n<p>It\u2019s essential to maintain consistency in the text to ensure tone and standardize the language. Describe the tense (past, present, future) and spelling (American, Canadian) you will follow. For example: <span class=\"web-display-hide\">Written in the present tense in Canadian English.<\/span><\/p>\n<div class=\"grey-textbox top-margin h5p-display\" style=\"height: 5.5em;\">Written in the present tense in Canadian English.<\/div>\n<div><\/div>\n<p>In this book, we have established consistency guidelines such as:<\/p>\n<ul>\n<li>E-book (or e-book) rather than ebook<\/li>\n<li>Licence rather than License<\/li>\n<li>Web page rather than webpage<\/li>\n<li>Title case for headings and subheadings<\/li>\n<\/ul>\n<h3 class=\"da-h4\">Capitalization and EDI<\/h3>\n<p>Black, Indigenous, and proper names should be capitalized with the first letter, except when an author uses lower-case for their name (e.g. bell hooks).<\/p>\n<h3 id=\"citations\" class=\"da-h3\">Citations<\/h3>\n<p>Similar to the grammar rules above, citations should also remain consistent. If you are asking the student assistants working with you on your open textbook project to review the citations, they will need to know which of the common citation styles to follow (i.e., APA, MLA, or Chicago formats) and any stylistic specifications\u00a0 that you have chosen. Consider how in-text citations and the reference list look on the page:<\/p>\n<ul class=\"web-display-hide\">\n<li>In-text Citation: See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/chapter\/introduction-to-digital-marketing\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/li>\n<li>&#8220;Reference&#8221; page in the Back Matter: See an example by the Centre for Teaching &amp; Learning in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/education-sustainability\/back-matter\/references\/\" target=\"_blank\" rel=\"noopener\">A guide to embedding education for sustainability in higher education courses<\/a><\/em>.<\/li>\n<\/ul>\n<ul class=\"h5p-display\" style=\"height: 15em;\">\n<li>In-text Citation: <span class=\"grey-textbox intext-textbox h5p-display\">See an example by Pierre-Yann Dolbec in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/digitalmarketing\/chapter\/introduction-to-digital-marketing\/\" target=\"_blank\" rel=\"noopener\">Digital Marketing Strategy<\/a><\/em>.<\/span><\/li>\n<li>&#8220;Reference&#8221; page in the Back Matter: <span class=\"grey-textbox h5p-display\" style=\"height: 5.5em;\">See an example by the Centre for Teaching &amp; Learning in <em><a href=\"https:\/\/opentextbooks.concordia.ca\/education-sustainability\/back-matter\/references\/\" target=\"_blank\" rel=\"noopener\">A guide to embedding education for sustainability in higher education courses<\/a><\/em>.<\/span><\/li>\n<\/ul>\n<p class=\"web-display-hide\">For questions on implementing your design plan, please contact our OER team at <a href=\"mailto:oer@concordia.ca\" target=\"_blank\" rel=\"noopener\">oer@concordia.ca<\/a>.<\/p>\n<div class=\"textbox textbox--learning-objectives h5p-display\" style=\"margin-top: 4.5em;\">\n<div class=\"textbox__content\">For questions on implementing your design plan, please contact our OER team at <a href=\"mailto:oer@concordia.ca\" target=\"_blank\" rel=\"noopener\">oer@concordia.ca<\/a>.<\/div>\n<\/div>\n","protected":false},"author":94,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[48],"contributor":[],"license":[],"class_list":["post-4134","chapter","type-chapter","status-publish","hentry","chapter-type-numberless"],"part":2587,"_links":{"self":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/4134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/users\/94"}],"version-history":[{"count":717,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/4134\/revisions"}],"predecessor-version":[{"id":6659,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/4134\/revisions\/6659"}],"part":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/parts\/2587"}],"metadata":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapters\/4134\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/media?parent=4134"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/pressbooks\/v2\/chapter-type?post=4134"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/contributor?post=4134"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/wp-json\/wp\/v2\/license?post=4134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}