[data-ws-animate-id="_Rcj5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rcj5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rcj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rcj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rcj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

Welcome to our branding hub. Here you'll find the essential guidelines and downloadable resources that will help you keep everything you design for Webstudio Academy clear, consistent, and on-brand.

[data-ws-animate-id="_Rkj5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rkj5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rkj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rkj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rkj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

Our Colours

Learn all about the colours in our brand's palette, and how to create and use tint and shade variations for all your design requirements. Get our colour specs, create and download some useful gradients.

our text

Find out how to download our official brand fonts, and how to appropriately scale and style our text. Learn how to write copy that adheres to our voice guidelines, and reflects our brand values and focus.

Our Logo

Download our logomark, logotype and full logo in all of our official colours — and in a format that suits you. Try different colour combinations on logo and background, and check contrast ratios for visibility and legibility.

imagery

Read how to select or create images and videos that truly align with our brand — and see some examples. Find out about image and video creation tools that you may be able to use to produce on-brand imagery.