Web Interface Handbook

This is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, typography, grids, and many other components of web design.

01. Typography

Learn how to work with heading typography, text, spacing, quotes, tables, and so on.

02. Layout

The basic principles of layout, rhythm, grids and the algorithm for creating a design.

03. Forms

How to deal with errors, buttons, hints, required and optional fields in web forms.

04. Inputs

How to correctly build input fields of different types, how to work with states and sizes.

05. Buttons

How to build effective buttons with high conversions and great design.

06. Patterns

How to design navigation, cards and many other components of the interface.

07. Color

How to create a color palette for UI, as well as how to work with the dark mode palette.