close menu button
đź‘‹

Hello there!
Log into the academy:

In order to log into your academy profile, please provide your email and password

Forgot password?

Did you previously use

Magic link?

Don’t have an account yet?

Register here

UI & UX Tips

🎉 64 tips 

Verified, research based tips coming from fintech, government and startup projects. Building a collective database of working UI patterns.

Daily practice
Learn more

Daily Practice

See tip
Strong colors
Learn more

Strong colors

See tip
Inner shadows
Learn more

Inner shadows

See tip
Sliders 3
Learn more

Sliders 3

See tip
Sliders 3
Learn more

Sliders 2

See tip
Sliders
Learn more

Sliders

See tip
Sorting
Learn more

Sorting

See tip
List of options
Learn more

List of options

See tip
Tooltips 2
Learn more

Tooltips 2

See tip
Tooltips
Learn more

Tooltips

See tip
Types of fields
Learn more

Types of fields

See tip
Steps names
Learn more

Steps names

See tip
Invalid fields
Learn more

Invalid fields

See tip
Line graphs 3
Learn more

Line graphs 3

See tip
Line graphs
Learn more

Line graphs 2

See tip
Line graphs
Learn more

Line graphs

See tip
Popups2
Learn more

Popups 2

See tip
Popups
Learn more

Popups

See tip
Empty screen
Learn more

Empty screen 3

See tip
Empty screens
Learn more

Empty screen 2

See tip
Centered fields
Learn more

Centered fieds

See tip
Cell views
Learn more

Cell views

See tip
Tables 3
Learn more

Table 3

See tip
Tables2
Learn more

Tables 2

See tip
Tables
Learn more

Tables

See tip
Multi-column checkbox
Learn more

Multi-column checkbox

See tip
Empty screens
Learn more

Empty screens

See tip
Long lists
Learn more

Long lists

See tip
Arrows
Learn more

Arrows

See tip
Classic scenario
Learn more

Classic scenario

See tip
Button size
Learn more

Button size

See tip
Required password charaters
Learn more

Required characters

See tip
Password
Learn more

Password

See tip
Optical weight
Learn more

Optical weight

See tip
Checkboxes
Learn more

Checkboxes

See tip
Clashing colors
Learn more

Clashing colors

See tip
Toggles
Learn more

Toggles 2

See tip
Toggles
Learn more

Toggles

See tip
Hints
Learn more

Hints

See tip
Dropdowns
Learn more

Dropdowns 2

See tip
Dropdowns
Learn more

Dropdowns

See tip
safe-area overlap
Learn more

Safe-area

See tip
Capitalized labels
Learn more

Capitalized labels


See tip
links
Learn more

Links

See tip
Non-rectangular
 shapes
Learn more

Non-rectangular
 shapes

See tip
CTA
Learn more

CTA

See tip
Labels
Learn more

Labels

See tip
Label fonts
Learn more

Label fonts

See tip
Font sizes
Learn more

Font sizes

See tip
Rounded form fields
Learn more

Rounded form fields

See tip
super small click areas
Learn more

Small
 click areas

See tip
Avoid unclear messaging
Learn more

Clear messaging

See tip
Underline fields
Learn more

Underline fields

See tip
Multi-column forms
Learn more

Multi-column 
forms

See tip
Avoid red asterisks
and setting most
fields as required
Learn more

Red asterisks

See tip
Buttons with no whitespace
Learn more

Whitespace


See tip
icons
Learn more

Icons

See tip
Thin light fonts
Learn more

Thin
 and light fonts

See tip
Differentiate the buttons UX tip
Learn more

Button hierarchy

See tip
Avoid vague button labels ux tip
Learn more

Clear button labels

See tip
Avoid carousels with dots under them
Learn more

Carousel dots

See tip