[![enter image description here][1]][1]

I'm currently developing a UI, and I'm just wondering if it is acceptable in terms of prominence or in general.

If the font size of the modal title and its content is the same size "larger" compare to the tab menu labels which is smaller.

Correct me if I'm wrong, if the modal title should be the largest, followed by the tab menu labels to emphasize prominence.


Although most designs out there follow a "Top Down / Large to Small" convention, I have this debate with my team often. My design professor put it best: a design only needs 1 (or 2 at most) differentiation to serve its purpose.

In other words, a title is ALREADY sitting on the top row. Therefore, that should be good enough to indicate it's the title. How many changes in the design do you need to make? A title doesn't have to be larger AND bold AND underline AND color AND blinking text AND shadow AND (etc etc). You have to admit, it gets tacky after 1 (or 2) design steps.

Devil's Advocate: people say, it looks balanced. That is true that it "looks balanced" but is that the purpose: to look balanced OR to get the content to the reader without distraction?

IMO, your screen capture may look "flat" because of the same font size. But honestly, the middle of the design (the form fields) get all the attention and that is the purpose of the modal, right?


The title should be the most prominent, as it tells the users the primary purpose of the dialog.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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