fffui philosophy

the philosophy behind form follows function ui.

core principle

form follows function
every design decision must serve a clear functional purpose. visual hierarchy should reflect functional importance. beauty emerges from purpose, not decoration.

contents

• form follows function manifesto - coming soon
• the 5-step assembly method - coming soon
• decision trees - coming soon

the 5-step assembly method

1. identify the job
   └─ "what does this screen need to do?"

2. choose pattern
   └─ "which high-level pattern fits this job?"

3. assemble components
   └─ "which components compose into this pattern?"

4. apply context
   └─ "what density/spacing fits the use case?"

5. validate principles
   └─ "does visual hierarchy = functional hierarchy?"

learn more

• full documentation - coming soon
• interactive examples - coming soon

license

mit - free to use, learn, and share.

---

fffui - built with intention. shipped with confidence.