Daily Practice
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Strong colors
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Inner shadows
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Sliders 3
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Sliders 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Sliders
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Sorting
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
List of options
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Tooltips 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Tooltips
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Types of fields
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Steps names
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Invalid fields
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Line graphs 3
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Line graphs 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Line graphs
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Popups 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Popups
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Empty screen 3
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Empty screen 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Centered fieds
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Cell views
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Table 3
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Tables 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Tables
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Multi-column checkbox
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Empty screens
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Long lists
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Arrows
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Classic scenario
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Button size
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Required characters
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Password
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Optical weight
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Checkboxes
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Clashing colors
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Toggles 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Toggles
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Hints
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Dropdowns 2
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Dropdowns
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Safe-area
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Capitalized labels

See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Links
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Non-rectangular
 shapes
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
CTA
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Labels
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Label fonts
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Font sizes
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Rounded form fields
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Small
 click areas
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Clear messaging
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Underline fields
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Multi-column 
forms
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Red asterisks
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Whitespace

See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Icons
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Thin
 and light fonts
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Button hierarchy
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Clear button labels
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)
Carousel dots
See tip![Arrow](/_next/static/media/arrw.f8d8773f.svg)