{"id":4327,"date":"2022-09-26T09:01:21","date_gmt":"2022-09-26T08:01:21","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=4327"},"modified":"2022-09-26T09:01:21","modified_gmt":"2022-09-26T08:01:21","slug":"brand-swap-over","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2022\/09\/26\/brand-swap-over\/","title":{"rendered":"Brand swap-over"},"content":{"rendered":"

\u200b<\/span>The new brand<\/h2>\n

We’ve recently launched the new ‘Ambition’ brand which has introduced new design elements to the website.<\/p>\n

The brand’s design elements\u00a0are\u00a0inspired by a deconstructed “K” element. This is a flatter design using lots of angular elements.<\/p>\n

A new colour palette has a\u00a0range of\u00a0bold, striking\u00a0colours that work as highlights alongside a dominant dark navy and white standard treatment. The dark navy is very dark and looks black. I will refer to it as black in this post.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

There is a new font that is used called Overpass<\/a>.<\/p>\n

Overall, this style\u00a0creates\u00a0a more punchy, dynamic and confident feel.<\/p>\n

Things to be aware of during the swap-over<\/h2>\n

Global elements<\/h3>\n

Global elements such as the header and footer have been restyled. Mobile navigation is simplified and includes site, search and global navigation elements.<\/p>\n

\"\"<\/a><\/p>\n

On desktop, the navigation floats at the top of the page if you scroll down and then up.<\/p>\n

<\/h4>\n

Buttons<\/h3>\n

These have quite a distinctive look in the new brand. They do not use colour but are white and black.<\/p>\n

\"\"<\/a><\/p>\n

Previously you would have had the option of choosing red, blue or yellow to make a button bolder on the main image panels. Now all buttons will be white or black (replacing red as a dominant element).<\/p>\n

During the brand swap-over phase, be aware that existing button colours won’t work. You’ll only be able to have a white button or a black one (where red was previously chosen).<\/p>\n

On text blocks, all the buttons will use the black-on-white version.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Page style and colours<\/h3>\n

Where the old site used a range of colours, often dark blue and burgundy with softer yellows, greys and blues, and a range of brighter ‘energy’ colours, the new brand uses a different treatment.<\/p>\n

There is a range of bright colours for the new brand, but they are used more sparingly.<\/p>\n

The new brand tends to use\u00a0dominant black\/white elements with highlights and tints from\u00a0a single colour <\/em>of the new palette.\u00a0It doesn’t tend to mix colours\u00a0up.\u00a0There is generally a single colour scheme per page.<\/p>\n

It hasn’t been possible to automatically change all existing blocks to follow this principle. We’ve matched up some of the old brand colours as best as we can with the new brand colours. Some older colours will not be needed anymore.<\/p>\n

You may see ‘no longer used’ colour options in your blocks as the new brand ones are introduced. We’ll work to make the colour-naming consistent over time.<\/p>\n

As the brand settles in and we become more familiar with the style, we may introduce new blocks more distinctive of the new brand. We may then ask editors to gradually evaluate their pages and update colour settings on their blocks to represent a single colour theme per page.<\/p>\n

 <\/p>\n

Next steps<\/h3>\n

We’re constantly checking the site to fix any issues. Do let us know if you have spotted any bugs.<\/a><\/p>\n

We’ll keep you updated with any changes we may need to make to your blocks.<\/p>\n

Check our Site Editor Guidelines site on Sharepoint<\/a>\u200b.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

\u200bThe new brand We’ve recently launched the new ‘Ambition’ brand which has introduced new design elements to the website. The brand’s design elements\u00a0are\u00a0inspired by a … Read more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":4329,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79486,79485],"tags":[79486,227946],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/4327"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/users\/17235"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=4327"}],"version-history":[{"count":4,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/4327\/revisions"}],"predecessor-version":[{"id":4336,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/4327\/revisions\/4336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/4329"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=4327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=4327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=4327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}