Watch Tutorial
Clone this site
Cloneable Info
More tutorials at: webflow-lernen.de/tutorials

Journal

Planning
2/11/2022
Space planning is a fundamental element of the interior design
Space planning is a fundamental element of the interior design
–

The designer then draws up a plan that defines the zones of the space and the activities that will take place in those zones. The space plan will also define the circulation patterns that show how people will move through the space.

Planning
2/11/2022
Nature Can Be the Best Medicine
Nature Can Be the Best Medicine
–

Here are 10 of the Best Indoor Plant Decor Pages to Follow. When you think about houseplants, your mind might immediately jump to the Monstera deliciosa with its peculiar hole-covered leaves, or the equally common Philodendron.

Simplicity is about subtracting the obvious and adding the meaningful.

John Maeda
Planning
2/11/2022
Plan your entrance area the easy way
Plan your entrance area the easy way
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Thoughts
2/11/2022
Kitchen inspiration: 10 good examples of color
Kitchen inspiration: 10 good examples of color
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Design
2/11/2022
How a mirror can give you space
How a mirror can give you space
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Design
2/11/2022
Good Design is essential to a living room
Good Design is essential to a living room
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Design
2/11/2022
Lets create beautiful spaces together
Lets create beautiful spaces together
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Interior Design Masterclass

Become A Professional Interior Designer

View Course
Planning
2/11/2022
Grand Designs Show
Grand Designs Show
–

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Planning
2/11/2022
Planning approval: Period Property in Hampstead
Planning approval: Period Property in Hampstead
–

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Cloneable info

My YouTube Webflow community asked for a nice grid design as a tutorial, so I recreated Vitaa Architects' Journal section as an example: have a look at the original website here: vitaarchitecture.com/journal
They didn't use css grid for their layout but I found it is a perfect use case for it.
The grid contains several collection lists which are always limited to one item. This allowed me to create a more varied grid design.  
I also use a fluid design system. It scales down the grid on the desktop breakpoint from 1600px downwards. The custom CSS for this is written in the global-css embed.

🖤

Tutorials

Grid Build in Webflow
Grid Animation Tutorial