Skip to main content
added 3 characters in body
Source Link
tohster
  • 41.5k
  • 14
  • 109
  • 141

While I have no idea of what content you want to display, you could try Google Material's cards , adding your heading as a card, then supplemental actions if needed, and a list of contents for that particular card.

Since cards allows for heterogeneous content, this could be very suitable to your specific needs, not to mention these are very nice elements to "dress up" a desktop version. See image below:

enter image description hereenter image description here

As you may see, you can use a wide variety of contents inside a card. And while technical specifications says you should only use one link, you could go out of the card logic and add as many links as you want, or even links with explanatory text and icons, like a list inside a card. You're not supposed to do it, but nothing wrong will happen if you do!

And while we're in the Material Design lists realm, you could simply take a look to those features to get more ideas. For example, take a look to the images below:

enter image description hereenter image description here enter image description hereenter image description here

Here you can see a nice display of lists and expanded info behavior. It looks nice on mobile, but of course it will look dumb on desktop, so you may adapt the list to a card or grid list or whatever in order to take advantage of available space.

Anyways, it will depend on your content and the visual reference you want to provide to users. Since you mention images and icons, it's a bit hard to say, but hope these ideas are of help

While I have no idea of what content you want to display, you could try Google Material's cards , adding your heading as a card, then supplemental actions if needed, and a list of contents for that particular card.

Since cards allows for heterogeneous content, this could be very suitable to your specific needs, not to mention these are very nice elements to "dress up" a desktop version. See image below:

enter image description here

As you may see, you can use a wide variety of contents inside a card. And while technical specifications says you should only use one link, you could go out of the card logic and add as many links as you want, or even links with explanatory text and icons, like a list inside a card. You're not supposed to do it, but nothing wrong will happen if you do!

And while we're in the Material Design lists realm, you could simply take a look to those features to get more ideas. For example, take a look to the images below:

enter image description here enter image description here

Here you can see a nice display of lists and expanded info behavior. It looks nice on mobile, but of course it will look dumb on desktop, so you may adapt the list to a card or grid list or whatever in order to take advantage of available space.

Anyways, it will depend on your content and the visual reference you want to provide to users. Since you mention images and icons, it's a bit hard to say, but hope these ideas are of help

While I have no idea of what content you want to display, you could try Google Material's cards , adding your heading as a card, then supplemental actions if needed, and a list of contents for that particular card.

Since cards allows for heterogeneous content, this could be very suitable to your specific needs, not to mention these are very nice elements to "dress up" a desktop version. See image below:

enter image description here

As you may see, you can use a wide variety of contents inside a card. And while technical specifications says you should only use one link, you could go out of the card logic and add as many links as you want, or even links with explanatory text and icons, like a list inside a card. You're not supposed to do it, but nothing wrong will happen if you do!

And while we're in the Material Design lists realm, you could simply take a look to those features to get more ideas. For example, take a look to the images below:

enter image description here enter image description here

Here you can see a nice display of lists and expanded info behavior. It looks nice on mobile, but of course it will look dumb on desktop, so you may adapt the list to a card or grid list or whatever in order to take advantage of available space.

Anyways, it will depend on your content and the visual reference you want to provide to users. Since you mention images and icons, it's a bit hard to say, but hope these ideas are of help

Source Link
Devin
  • 38.5k
  • 15
  • 85
  • 146

While I have no idea of what content you want to display, you could try Google Material's cards , adding your heading as a card, then supplemental actions if needed, and a list of contents for that particular card.

Since cards allows for heterogeneous content, this could be very suitable to your specific needs, not to mention these are very nice elements to "dress up" a desktop version. See image below:

enter image description here

As you may see, you can use a wide variety of contents inside a card. And while technical specifications says you should only use one link, you could go out of the card logic and add as many links as you want, or even links with explanatory text and icons, like a list inside a card. You're not supposed to do it, but nothing wrong will happen if you do!

And while we're in the Material Design lists realm, you could simply take a look to those features to get more ideas. For example, take a look to the images below:

enter image description here enter image description here

Here you can see a nice display of lists and expanded info behavior. It looks nice on mobile, but of course it will look dumb on desktop, so you may adapt the list to a card or grid list or whatever in order to take advantage of available space.

Anyways, it will depend on your content and the visual reference you want to provide to users. Since you mention images and icons, it's a bit hard to say, but hope these ideas are of help