FOLIO Project
Developers
Project Wiki
Discussion Boards
All guidelines
Design inspiration
FAQ
FOLIO Project
Developers
Project Wiki
Discussion Boards
Menu
Menu
Accessibility
Front-end accessibility checklist
UX accessibility checklist
Visual design accessibility checklist
App views
Main app view pattern
Settings view pattern
Components
Accordion component
Accordion core info component
App icon component
Autosuggest component
Avatar component
Badge component
Button component
Button group component
Callout component
Checkbox component
Date range filter component
Datepicker component
Dropdown button component
Dropdown component
Filter group component
Fleuron component
Headline component
Icon button component
Icon component
Info popover component
Key-value component
Label component
Layout component
Layout grid component
List component
Menu section component
Message banner component
Modal component
Multi-column list component
Multi-select component
Nav list component
Pane component
Pane header component
Pane menu component
Popover component
Radio button component
Record metadata component
Repeatable field component
Search button component
Search field component
Select component
Selection component
Text field component
Timepicker component
Upload files component
Language rules
Action language
Ampersand & hyphen rules
Confirmation message language
Empty state message language
Error message language
Informative message language
Pane header language
Text case rules
Warning message language
Layout types
Custom layout
Hierarchical layout
Search & filter layout
Principles
Process
1. Define high-level scope
2. Research
3. Concept development
4. Prototype, test, refine
5. Support development, refine recurrently
Recipes
Customize MCL recipe
Search & sort recipe
Select & act on MCL items recipe
Style guidelines
Color guidelines
Mouse interaction guidelines
Typography guidelines
UX patterns
“Search & filter” pane UX pattern
Add quick content UX pattern
Bulk action confirmation modal UX pattern
Confirmation modal UX pattern
Create record UX pattern
Duplicate record UX pattern
Edit record UX pattern
Hide information with link UX pattern
Hiding vs. disabling interactive elements UX pattern
Informative modal UX pattern
Results pane UX pattern
Switch to full view UX pattern
Unsaved changes modal UX pattern
View record UX pattern
Recipes
Select & act on MCL items recipe
Search & sort recipe
Customize MCL recipe
