The screenshot is +1 for Natty. Please create a visual design task for
Otto to specify:
- the relationship between the icon and group header
- the relationship between group header and the smaller text
- the relationship between the swivel triangle and prior text
On looking at the picture again, I would restate my suggestion as
follows. First, some terminology. By "baseline" I mean the bottom of
letters like m and x. By x-height I mean the top of lowercase x. By
"centered" I mean "the middle of the image" or "the middle of the
baseline-to-x-height for text.
The image and group header should be aligned centered. The Group header
and subsequent small text should be baseline aligned. The final swivel
triangle should be center-aligned with the preceding text (which would
be different if there was no small text, only the big group header).
The screenshot is +1 for Natty. Please create a visual design task for
Otto to specify:
- the relationship between the icon and group header
- the relationship between group header and the smaller text
- the relationship between the swivel triangle and prior text
On looking at the picture again, I would restate my suggestion as to-x-height for text.
follows. First, some terminology. By "baseline" I mean the bottom of
letters like m and x. By x-height I mean the top of lowercase x. By
"centered" I mean "the middle of the image" or "the middle of the
baseline-
The image and group header should be aligned centered. The Group header
and subsequent small text should be baseline aligned. The final swivel
triangle should be center-aligned with the preceding text (which would
be different if there was no small text, only the big group header).
Mark