The all new Platinum! The perfect way to get started using Uikitty. Its responsive, fresh looking and super easy to work with once you get it set up.


The following instructions assume a fresh install of Drupal 8.

  1. Add and Install Uikitty at /admin/theme/install
  2. Using the preferred link below, add the Platinum theme to your site at /admin/theme/install
  3. Under /admin/appearrance, Click the "install and set default" link for the Platinum theme
  4. Go to /admin/structure/types/manage/page/fields/add-field and under the heading "Re-use an existing field" select the "Image: field_image" and click "Save and Continue" - on the following page click "save settings" no need to update anything here unless you want to.
  5. Go to /admin/structure/types/manage/page/display The display settings page for the "Page" content type.
  6. Change the "image" label to Hidden and click "Save"
  7. Select the "Teaser" tab or go to this admin location /admin/structure/types/manage/page/display/teaser
  8. Drag the "image" row by the handle under "Disabled" and drag to the top of the list under "Fields" and change the label from "Above" to "Hidden".
  9. Click the cog icon next to "original image" on the "Image" row and select "link this item to content". click Update and then click "Save" at the bottom.
  10. Now add at least 4 pages uploading same size images to the new "field_image" field on the page content type. make sure to select "Promoted to Front Page" in the right sidebar for each page you want to appear in the four column block. It is recommended to select this for either 4 or 8 pages.

Next we will add a slider custom block type that will animate a text headline on the homepage.

  1. go to /admin/structure/block/block-content/types/add
  2. Enter "Slider" for the label of the custom block type and click save.
  3. Go to /admin/structure/block/block-content/types
  4. Click the "Manage Fields" button next to the new Slider block type on that page.
  5. At the right of the body row, Click the arrow icon select "delete" to delete the body field.
  6. Click "Add Field"
  7. Under "add new field" select "Text(Formatted)", make the label "Headline slide" and click save.
  8. Change the "Allowed number of values" to unlimited and click the "save field settings" button and the "save settings" button on the next page
  9. Go to /admin/structure/block/block-content
  10. Click "+Add Custom Block" and select the Slider block type you just created.
  11. Now add "Front Headline" for the block description and then some content to the "Headline Slide" field. Anything will do. This will be your animated headline content.
  12. Click the "Add another item" button and add at least 3 headlines to the custom block.
  13. Click Save.


It is recommended to configure your blocks as follows:

  1. Look at the image to the right of the "Block Layout page" for reference and basically put blocks in "like named" regions. Go through each block and place them accordingly.
  2. Now Add some more blocks to the off canvas region. This is the area for navigation if you are on mobile.
  3. It is recommended to add "Site Branding", "Main navigation", and "search form" blocks by clicking the "place block" link and selecting the blocks to use. Disable title for all off-canvas blocks. You may need to update your css around the off-canvas image sizes.

You can easily update your own branding by replacing the "logo.svg" file in the theme root.

Have fun! Check out for more info on how to activate all the cool interactive features of Uikitty.

Supporting organizations: 

Project information