By multifield I mean a list item having multiple kind of sublists, separated by some indicator like the grey blocks in the example below. The reason behind this may be an IF-THEN relationship between the statements in the sublists.

The question is what layout provides the best visual clues to determine at a glance the relationship of items. (In the example the second separator in a block is not distinct from the first so it is hard to tell the boundaries of a block)

2 Answers 2


Can't you use bigger padding, so that nested items are more visible, like in this Accordion example?


Next to the padding, you could (should) also use another shade of grey (or another color) to emphasize the highest level of a thread. This visually really helps to determine the highest (and most important) entry.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.