Log in
Choose your language

CSS Style Guide Course

CSS Style Guide Course
from 4 to 360h flexible workload
valid certificate in your country

What will I learn?

This course shows you how to create steady, expandable user interfaces using proper naming rules, strong design tokens, and components you can use again. You will learn about typography that adjusts to screens, colour setups, and themes with CSS variables, applying them to items like buttons, cards, and menus. It also includes accessibility features, documentation tips, and CSS structure for easy teamwork and dependable, easy-to-update UI code.

Elevify advantages

Develop skills

  • Design tokens and theming: Quickly set up colour, space, and shadow systems that grow with your needs.
  • CSS architecture: Arrange tokens, helper classes, and components in a neat, reusable way.
  • Responsive typography: Use new CSS methods for text that flows well and is easy for all to read.
  • Accessible UI states: Make focus, hover, and interactive parts work smoothly with screen readers.
  • Style guide documentation: Produce clear examples, version controls, and guides for team handovers.

Suggested summary

Before starting, you can change the chapters and workload. Choose which chapter to start with. Add or remove chapters. Increase or decrease the course workload.
Workload: between 4 and 360 hours

What our students say

As suas aulas são perfeitas. Adquiri o pacote de um ano e, finalmente, tenho a oportunidade de acompanhar diversos temas do meu interesse sem precisar mudar de plataforma... agradeço por tudo o que fazem, já recomendei vocês a outras pessoas...
Giulio Carlo
Giulio CarloAluno de Marketing Digital
Eu gosto de como as lições são direto ao ponto e como eu consigo alterar capítulos e pular conteúdos que não preciso.
Mariana Ferres
Mariana FerresAluna de Fotografia
Gosto do conteúdo e do modo de apresentação e transcrição de vídeos, o que acelera o processo!
Luciana Alvarenga
Luciana AlvarengaAluna de Design de Unhas
A plataforma é rápida, simples de usar. A diversidade de conteúdo e os vídeos complementares ajudam muito no aprendizado.
Giulio Carlo
Giulio CarloAluno de Engenharia de Prompt

FAQ

Who is Elevify? How does it work?

Do the courses have certificates?

Are the courses free?

What is the course workload?

What are the courses like?

How do the courses work?

What is the duration of the courses?

What is the cost or price of the courses?

What is an EAD or online course and how does it work?

PDF Course