Skip to main content

Visual Design

Create aesthetically pleasing, creative, and accessible interfaces that engage users.

Learning Objectives​

  • Understand core design principles: contrast, alignment, repetition, proximity
  • Work with color theory and typography for the web
  • Use CSS to implement pixel-perfect designs from mockups
  • Apply design systems and component-based thinking

Key Topics​

Color & Typography​

Choose effective color palettes and type scales that enhance readability and brand identity. Use CSS custom properties to maintain consistency across your site.

Layout Fundamentals​

Master CSS Grid and Flexbox to create structured, well-organized page layouts that adapt to different screen sizes.

CSS Architecture​

Write maintainable CSS using methodologies like BEM, utility-first approaches, or CSS Modules. Keep your stylesheets organized as projects grow.

Exercise​

Build a landing page from a provided design mockup using only HTML and CSS. Focus on accurate spacing, colors, and typography.