# Designing Apps

> The basics of designing user interfaces for Vaadin applications.

Parent index: [Vaadin Docs](https://vaadin.com/docs/next/llms.txt)

## Overview

- [Designing Apps](https://vaadin.com/docs/next/designing-apps.md): The basics of designing user interfaces for Vaadin applications.

## Color

- [Color](https://vaadin.com/docs/next/designing-apps/color.md): Explains how to use colors effectively in design, including tips on creating a color palette, ensuring color contrast, and maintaining accessibility.

## Typography

- [Typography](https://vaadin.com/docs/next/designing-apps/typography.md): Explains how to selecting font families, font sizes, and a typographic scale to create cohesive and legible designs.

## Size and Space

- [Size and Space](https://vaadin.com/docs/next/designing-apps/size-space.md): Explains how size and space affect the UI.

## Responsiveness

- [Responsiveness](https://vaadin.com/docs/next/designing-apps/responsiveness.md): Introduces the principles behind making responsive user interfaces in Vaadin.