0

I'm trying to find a good naming structure to name commonly "elevated" elements in box-like components. What I mean by this is not buttons or similar things, but rows with different background colors, often used in elements like table-headers/footers, cards, WYSIWYG editors and similar "header" elements. In fact, while asking this question, StackExchange already gives me 2 examples for these "elevated" elements:

enter image description here

Now, the obvious term may be "header", but I'm looking for a more generalized word since this can often apply for footers and elements that aren't considered headers. "Elevation" may be a good term for it, but perhaps there is something a bit more neutral (since the styling doesn't necessarily elevate these elements - as seen with StackExchange's text editor).

My goal is just to have some structure when it comes to wording and styling. Similar terms are "container", "card", "nav", "header", "body", "footer", "hero", etc. I'm missing a good descriptor to refer to these common "elevated" elements/rows.

Are there any best practices or common terms for naming these things?

  • 1
    These sections are not elevated and are just cards' headers. – Madalina Taina Aug 15 at 11:38
1

In some graphics applications like Illustrator or Photoshop, the header or footer with tool options are called just bar: tool options bar.

The footer at the example image would be the tools bar while the header, title bar.

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.