Getting Started With Relume Library
HTML-код
- Опубликовано: 5 авг 2024
- Try Relume Library for free:
library.relume.io/
Join our Slack community:
slack.relume.io/
TIMESTAMPS
---
0:00:00 - Intro
0:00:15 - Cloning the style guide
0:01:10 - Starter project explanation
0:04:30 - Style guide explanation
0:06:32 - Typography
0:09:40 - Colors
0:12:20 - Buttons
0:14:50 - Icons
ABOUT RELUME LIBRARY
---
Say goodbye to building Webflow sites from scratch. With access to over 800 components, you can build beautiful websites and save thousands of hours using the world's largest Webflow component library. Simply search for components, copy with one click and paste them into your Webflow project.
FOLLOW THE RELUME JOURNEY
---
Relume Library: library.relume.io/?...
Twitter:
TikTok: / relume.io
LinkedIn: / relume
Figma: www.figma.com/@relume
Webflow: webflow.com/relume 
Хобби
Great styleguide! Well organized and super intuitive to use 🙌
Great job. I've been using Relume for a few projects now and this video has cleared up many of things I was not sure on how to apply the designs as you have intended.
You guys are making dreams come true! Also, shout out to Finsweet and of course Webflow for strong shoulders to stand on.
Great video Adam! Thanks for sharing!
Thank you for the amazing work you’re doing 👏👏
Thanks for making this. Very appreciate!
Great, Thank You Adam!
Looking forward to using your exciting platform
Game changer! Now the dream is to make a synced loop from relume to figma to webflow (with variables)
Incredible value! Did you ever find a solution to the duplication of classes when bringing in components? Thanks in advance.
I'm trying out Relume Library Lite but I don't see the area to paste the colors in the Style Guide I cloned for it. Are color swatches only available if you pay for the full version of Relume Library?
WoW
How does one update their Relume Style Guide to the latest version? I have an old webflow project from 3 yrs ago and want to swap out for the newest Relume Style Guide. Thanks
do i need to update as my page does not look like that and a search for style guide drew blank also, thanks guys any help would be great ta.
Thank you for your tutorial... but I still don't get Heading Classes... why would you style an H5 into heading-xxlarge? What is the purpose of it? Would you happen to have a better example?
I’d assume you’ve already found an answer online, but in case you haven’t, it’s for better SEO, for the most part. For example, you should only have one H1 element per page, so if you want each section header to be an H1 size, then this would be an issue. The solution is to make each section header an H2, H3, H4, etc., based on importance and SEO. Then, you can give them the style class that matches the H1 element or is closest. This way, they still look like the H1 element (even though they’re not all H1 elements, if they were all H1 elements you’d be punished heavily by Google for SEO).
Can I use Relume if I have a Wix page? thanks
Hey Relume team one question.
For the Padding Directions Classes, mainly the padding-left, padding right, padding bottom and padding top, all corresponding paddings are set to 0. do we need to set these values ourselves? Thanks in advance!
no, this class is just a direction. you need to add on top of that another class, for example padding-medium. This one will hold some value of the actual padding
Thank you very much, @@user-qx8li4dt5d makes a lot of sense.
Hello there, i have a question. I know Relume exports to Figma and Webflow. Let's say i want to design a website on Webflow, what's the difference between exporting to Figma and exporting to Webflow directly and which is better?
I haven’t used Figma much so I could 100% be wrong, but from my understanding Figma is for just designing websites (sending proofs, etc before doing any development) and Webflow is for creating websites where you can publish through Webflow or export the code to your own server.
So Figma is for proofing designs with clients before actually doing any development while Webflow is for the actual creation of the website and the code that runs it once the client has approved a design. Hope this helps, once again I could be wrong about the Figma side but from my current understanding that’s how they both work
Style library link no longer works. At least it doesn't work while logged in.
Except the spacing on the bullets and numbered lists are terrible. Too much space. Otherwise a quite innovative project as a whole.
1:56 he talks about reading some documentation of how to use the Relume library? Does anyone know where/what it is xD
type in finsweet client first on Google
Relume is just a handy AI sitemap plugin pretending to be a full stack no code web builder.... 0_o