Community forum for knowledge and support

Updated 6 months ago

Relume resources section

At a glance

The community member who posted the original question was interested in the components used for the resources section and the introduction video series on the Relume website. In the comments, another community member revealed that they had designed and built all the components from scratch, treating the project more like a web application than a marketing website. They used the Relume style guide and some application layouts, but most of the components were custom-built. The original poster was disappointed that they couldn't use existing Relume components, but the other community member suggested that they could add the custom-built designs to the Relume component library as a "punishment" for not using them initially. The community member then provided some examples of how the custom components could be replicated using the Relume library.

Useful resources

Hi Team Lumer, I really like the way you have done your resources section as below, which components did you use for this please? And especially for the introduction video series which did you use?

https://resources.relume.io/resources

M
D
3 comments

ironically enough...I designed and built all of the components you see on that site from scratch. I know...wild huh? We treated this project more like a web application than we did a marketing website, so I really took it from a holistic approach. We did start with the style guide and used the typography and button styles for sure, but most of the card components and layouts were the application layouts and custom built components.

Wild indeed. And Ironic. And ugh. I was hoping to follow your great example and use existing Relume components. Hmmm...yes I saw some of the applications components seemed to match esp the side bar. OK, ummm...how about this - your 'punishment' for not using Relume for your own website is to add these designs to the next round of components, esp the videos course. Deal? πŸš€

haha 100%! I would say though, that these components definitely live within our library in some way.

https://www.relume.io/preview?cid=cta-sections-grid-cards/section_cta43
Change the secondary button to "is-icon" and add an icon to it, then convert it to a div and duplicate and now you have the two text blocks that we have with a video background.

https://www.relume.io/preview?cid=feature-sections-grid-cards/section_layout400
Make it two column instead of 4 and take out the tagline and convert the button link to just button.

Add a reply
Sign up and join the conversation on Slack