No. 59 - Learning Lumos w/

Timothy Ricks walks us through Lumos, his recently released revolutionary framework for Webflow.
Timestamps:
00:04 Introduction
00:57 What Lumos Is
05:32 Lumos Utilities
08:16 Lumos Systems
10:07 Figma File Walkthrough
11:39 Setting Up Your Webflow Build
12:18 - Typography
20:18 - Color
26:44 - Spacing
30:13 Let's Build!
30:28 - Hero
34:44 - Tour Section
47:40 Q&A
Watch Timothy finish the build: kzbin.infofcwBFAY_...
Links:
Figma File → www.figma.com/community/file/...
Lumos Docs → timothyricks.notion.site/Lumo...
Project Cloneable → webflow.com/made-in-webflow/w...
Timothy Ricks
Twitter → / timothy1643
Website → www.timothyricks.com/
KZbin → ‪@timothyricks‬
Patreon → / timothyricks
-
Hosted by Melissa Mendez
Twitter → / melydelmar06
Instagram → / melissadelmarme. .
Webflow → webflow.com/@MelissaMendez
Agency → www.eurecah.com/
-
Flow Party is a community of creatives and builders crafting beautiful digital experiences using no-code tools.
Join the Party on:
Discord → discord.gg/YKTRnPthR6
Twitter → / joinflowparty
Instagram → / joinflowparty
TikTok → / joinflowparty

[@pedroortiz4506]

Genius framework, thanks for this.

[@OllieAllenFox]

Thank you for sharing this, it's incredible.

[@PhilipWallage]

Very interesting! It made me think, should Webflow really work with CSS classes? When watching this video, it felt like Utility classes are the way to go, but finally still lead to a few pre-defined sets. Should Webflow not support this in a fancy native way?

[@jo69123]

not sure if you are a webflow beast, or I'm a total noob, feels so optimized and overwhelming at the same time

[@wouterdevisser804]

Nice! But how do you combine this with custom animations? Like on hover animations, you cant change the class name because then the original changes with it. (not buttons, but more for text or image animation)

[@harshlpatel]

which meet app they are using?

[@rickyventaglio5811]

hi Tim! I am just starting out with Lumos v2. I am trying to apply the utility -mb1 to a section in one of my projects. Let's say the section has a class name of "hero_wrap", now i add -mb1 to it (hero_wrap-mb1 or I have also tried hero_wrap--mb1) but nothing happens. Am I missing something?

[@Alpha_DTF_Print]

It's art. It's fashion. It's history. It's @‌alphadtfprint. Experience the fusion of all three in this incredible video! 🖼👚 #ArtOnTShirts