Skills
Practical instructions for better interface work.
AllLayoutTypographyMotionInteractionAccessibilityResponsiveFormsNavigationVisualPerformanceDesign SystemsTaste
01
color-contrast-for-taste
Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.
Visual · Accessibility · Tasteby UI Skillbook
Universal→
02data-table-scannability
Structure table rows and columns so the eye can scan down and across without losing its place.
Layout · Visualby UI Skillbook
Universal→
03empty-state-design
Treat empty states as an onboarding opportunity, not a placeholder to fill later.
Visual · Tasteby UI Skillbook
Universal→
04navigation-active-states
Make it unambiguous where the user is, at every level of nested navigation.
Navigation · Visualby UI Skillbook
Universal→
05optical-alignment
Align interface elements by perceived visual weight, not just mathematical geometry.
Visual · Typographyby UI Skillbook
Universal→
06spacing-rhythm
Use a consistent spacing scale and grouping logic instead of arbitrary padding values.
Layout · Visualby UI Skillbook
Universal→