Angelou Premium Theme Design Specifications

This article outlines all of the design specifications for the Angelou Premium Theme.

Home & Landing Pages

Section 1: Entrance Area

Entrance Slider: Slideshow Tool in Main Body

1. Limit of 8 slides
2. Image Size: 1280px by 580px
3. Caption
   1. Title
      1. Alt Text Field
      2. 30 characters
      3. Enter a space to skip
   2. Description
      1. Editor field
      2. 90 characters
4. Link 
   1. URL Field adds a button
   2. Attached Video adds a button
5. Toggle Visible/Hidden
   1. Section can not be hidden

Entrance Links: Resources/News Tool in Main Body

1. Limit of 5 Links
2. Title
   1. Link Name Field
   2. 30 characters
3. Toggle Visible/Hidden
   1. Section will not show if tool is hidden or no visible items are in the tool

Section 2 (Primary Landing Only):

This section will not show if the tool is hidden or if no visible items are in the tool.

Option 1 - Module News/Updates:

1. Announcements (Announcements Tool on Main)
   1. Limit of 10 Announcements
   2. Section Title

      1. Tool Heading field

      2. 30 characters

   3. Image

      1. 500px by 500px

      2. Images will fill the space

      3. Default image will show if no image exists

   4. Caption

      1. Title

         1. Announcement Title

         2. 60 characters

      2. Description

         1. Editor field

         2. 90 characters

2. View All Announcements (Resources/News Tool on Main)

   1. First, visible link will display
   2. Serves as the default link

Option 2 - Manual News/Updates:

1. Limit of 10 slides.
2. Section Title
   1. Tool Heading field
   2. 30 characters
3. Image: 500px by 500px
4. Caption
   1. Title
      1. Alt Text field
      2. 60 characters
   2. Description
      1. Editor field
      2. 90 characters
5. Link
   1. URL field adds a 'Read More' button

Section 3:

Upper Left or Upper Full

1. Events  (Upcoming Events Tool on Sidebar)
   1. Section Title
      1. Tool Heading field
      2. 30 characters
   2. Shows up to the next 4 events
2. View All Events (Resources/News Tool on Sidebar)
   1. First two visible links will display
3. Toggle Visible/Hidden
   1. Section will not show if  the Upcoming Events tool is hidden or no events are in the selected options

Upper Right - Up to 1 of these

1. Flex Text/Video  (Slideshow Tool on Main)
   1. Limit of 1 slide
   2. Section Title
      1. Tool Heading
      2. 30 characters
   3. Image 
      1. 770px by 440px
   4. Caption
      1. Title
         1. Alt Text field
         2. 60 characters
      2. Description
         1. Editor field
         2. 200 characters
   5. Link 
      1. URL Field adds a ‘Read More’ button
      2. Attached Video adds a play button over the image
   6. Toggle Visible/Hidden
      1. Section will not show if tool is hidden
2. Social Feed (Social Media Feed Tool)
   1. Limit of 2 posts
   2. Section Title
      1. Tool Heading field
      2. 30 characters
   3. Social Icons (Resources/News on Sidebar)
      1. Maximum of 6 icons
      2. Do not change the link name as it is tied to the icon image, contact support if you need a new icon.
      3. Title Tag 
         1. Changes the title on hover for the link
   4. Toggle Visible/Hidden
      1. Section will not show if  the tool is hidden
3. Gallery  (Slideshow Tool on Main)
   1. Limit of 10 slides
   2. Section Title
      1. Tool Heading
      2. 30 characters
   3. Image 
      1. 770px by 450px
   4. Caption
      1. Description
         1. Editor field
         2. 90 characters
   5. Link 
      1. URL Field adds a ‘Read More’ button
      2. Attached Video adds a ‘Play Video’ button
   6. Toggle Visible/Hidden
      1. Section will not show if tool is hidden 
4. Events
   1. Same specifications as above tool 
   2. Toggle Visible/Hidden
      1. To hide the section, you must change the tool to hidden. Section will still show even if there are no events.

Section 4:

Lower Left/Full

1. Social Feed (Social Media Feed Tool)
   1. Limit of 2 posts or 5 posts depending on layout
   2. Section Title
      1. Tool Heading field
      2. 30 characters
2. Social Icons (Resources/News on Sidebar)
   1. Maximum of 6 icons
   2. Do not change the link name as it is tied to the icon image, contact support if you need a new icon.
   3. Title Tag 
      1. Changes the title on hover for the link
3. Toggle Visible/Hidden
   1. Section will not show if  the tool is hidden

Lower Right

1. Flex Text/Video  (Slideshow Tool on Main)
   1. Limit of 1 slide
   2. Section Title
      1. Tool Heading
      2. 30 characters
   3. Image 
      1. 770px by 440px
   4. Caption
      1. Title
         1. Alt Text field
         2. 60 characters
      2. Description
         1. Editor field
         2. 200 characters
   5. Link 
      1. URL Field adds a ‘Read More’ button
      2. Attached Video adds a play button over the image
   6. Toggle Visible/Hidden
      1. Section will not show if tool is hidden

Interior Pages & Site-wide Elements

Search

1. Displays if the tool on Utilities > Site Search Results page has ID entered

Translate (Translate Tool on Sidebar)

1. Displays if the tool is visible

Schools Menu

1. 15 characters
2. The subcategory menu of Parent Pages will use the container category’s name (Ex. Schools)  
3. If the category name includes school at all, it will use the school icon. Otherwise a general category icon will be used. 

Utility Links (Resources/News on Sidebar)

1. Limit of 6 Links
2. Title
   1. Link Name field
   2. 15 characters
3. Toggle Visible/Hidden
   1. Section will not show if tool is hidden or no visible items are in the tool

Social Icons (Resources/News on Sidebar)

1. Maximum of 6 icons
2. Do not change the link name as it is tied to the icon image, contact support if you need a new icon.
3. Title Tag 
   1. Changes the title on hover for the link

Copyright Links (Resources/News on Sidebar)

1. Maximum of 3 links
2. 30 character limit

Banner Image

1. 1100px by 515px

Fonts

1. 'Raleway', sans-serif
2. 'Domine', sans-serif