Discover the best blogging websites created by professional designers. Get inspired and start planning your perfect blogging web design today!

Full Landing Page + All Details - https://janlosert.com/webflow-cards

My first fully web-based UI Template, 100% developed in Webflow Designer. All elements ready to copy & paste or fully clone into your projects! 

I prepared all styles for all the main typography elements (H1-H6, links, paragraphs etc.), button, tags, alerts or social icons. And then using these “atoms” create as many cards as possible for you to have a nice starting field for new designs. I ended up with 28 cards in total My main aim was to create something visually beautiful for new users or developers who are, to put it nicely non-designers.. All of them are obviously responsive in all Webflow stages. There are 2 hero sections, nice product cards, article thumbnails for the blog or even sign up dialogue with all form elements covered.

Cards - Webflow UI Kit

I liked Pitch's old website so much that I wanted to develop it in Webflow to learn, to give the project to others to learn too, and to show once again what Webflow is capable of - 100% visual development, no custom code was used.

Pitch's old website for comparison: http://web.archive.org/web/20201004032417/https://pitch.com/

I built 3 pages in total:
• Home: https://pitch-rebuild.webflow.io
• About: https://pitch-rebuild.webflow.io/about
• Blog: https://pitch-rebuild.webflow.io/blog

--

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

--

• Do you need web design & development? Get in touch 👉 brandenstein.co/team/andreea

• Follow my daily tips on Instagram 👉 instagram.com/andreea_uaui

• Connect with me on LinkedIn (please, tell me in the note the reason you want to connect) 👉 linkedin.com/in/uauizaui

Pitch Webflow Rebuild

I had some fun with a minimal redesign of Sam Altman's blog to practice some subtle interactions and Lottie.

Feel free to clone and use 🙂

Sam Altman blog concept

Memberstack

I do a lot of reading on my laptop and tablet. The ability to change the background-color and font-color on demand keeps my eyes and/or head from aching. If you have late night readers on your sites, they might thank you for implementing something like this. It's exceptionally easy to do with Webflow.

I made the CSS sun and moon for fun. In real life, I would use a much smaller toggle that follows the reader the down the page.

Nightmode

Night Mode for Blogs & Articles | Cloneable

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.

Watch the tutorial here: https://youtu.be/9plbrIo4lfM

🖤

Free Grid Design Template (CMS ready)

Hi there! 

Recently I've been helping my GF put together a new visual for her local startup community called Before You Shine. And here we are! 

📝 What is it? 
Before You Shine is the first Czech startup community created by entrepreneurs for startup enthusiasts. It is a community of ambitious people looking to connect with the startup world.

🔥 Youtube Course
In this series, I'm walking you through creating a website beforeyoushine.com. In this course, we will be creating a homepage with multiple collections, blog and blog detail and contact us page. 🤖👉 Course Overview: https://janlosert.com/webflow-1

[Update 22th Mar 2020] - I've added 4 more videos on my Youtube - Full course about how to create a simple BeforeYouShine job board with Webflow and one separate video about dynamic sharing buttons! 🙌🏻


BTW: The whole site is clonable! :) So feel free to browse the code of the project and copy and paste the parts that can be useful for your projects. 

- Jan ☝🏻

CzechCrunch Shine

Beforeyoushine.com

~ Artisan Website Co. ~

We are a husband and wife creative team based out of Las Vegas, Nevada. We create custom websites and immersive brand experiences. 

We are not the type that cuts corners, we only take on one new project at a time. Everything we do we put all of our heart and energy into. 

We wanted to make our site is available to clone, but please don't take credit for any of our work and be sure to swap out all projects with your own.

All services, projects, and blogs are easily manageable via CMS.

Not required, but we would appreciate a link back to: https://www.artisanwebsite.co/

Artisan Website Company

Used as a Wordpress Theme, this little gem is available to clone to the Webflow community. Start a fun beautiful blog today. - interested in the Wordpress Version download here: 

https://creativemarket.com/SleeknSimple/2301233-Manka-Personal-Writing-WP-Theme

Manka

Manka WF Blog Theme for Download

Playing around with a parallax effect using the text of David Foster Wallace's 2005 Commencement Speech at Kenyon College.

Arthur

This is Water

Lightbox CMS support has been shipped!

Here's a lite template testing it out!
Clone and use freely!

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Template CMS Lightbox | Flowbase

CMS Lightbox Template (CLONE)

Interpreting Form®

My alma matter music theatre program trusted me to make them their own website. So I used a subdomain and am pretty pumped to see my work under a .edu. 

New to Webflow but learning and loving what this bad boy can do 💪🏻. Let me know if you have a better or more efficient way to build something I did. Gotta give a shoutout to http://flowbase.webflow.io for hooking us webflowers up with some killer assets and walkthroughs. 

Love this community. Designers will rule the web!

BWMT REMASTERED

Baldwin Wallace University Music Theatre Program

In order to help me get in the zone a bit better each morning, learn more from the best designers in the industry and test what's capable with Webflow, I've had an idea where I find a design I think is interesting and try to recreate it in Webflow in under an hour. 

My first build is recreating Kyle McDowell's "Travel Blog Concept". I liked the way this sleek layout utilises an interesting right angle navigation, which informs the rest of the contents positioning inside a slider. So it was interesting trying to figure out the best way to have a consistent layout for both the nav and the slider.

Check out the original concept here: https://dribbble.com/shots/4713897-Travel-Blog-Concept

Travel Blog

Travel Blog - Daily Rebuild #1

A complete and functional portfolio website, with CMS, blog, and jobs section, as a design study for an ad agency.

Please press like, if you clone (and like it).

---

It's not at all based on the versus template (like mentioned below) but I cannot remove that tag.

Illustrations by Stelan Mergenthaler https://www.instagram.com/whatstelandoes

Pictures by unsplash.com

Agency_Website_Template

Agency Portfolio Template

I quickly built this template using Intercom as the main inspiration.

This landing page template is clean, focused, and helps creates a strong sales narrative that's perfect to sell most software products.

I wireframed the pages in this template using my own frameworks and copywriting templates that I've developed over the last 6 years of making websites convert.

Want website help? Let's talk over at precisepath.co 

:)

Clean Landing Page Template

Krunch is simple and clean responsive one page agency template which you can use and customize for free. The template was designed by Shuvo and Developed/webflowed by Taimurian.

Krunch

Krunch - Agency Landing Template

Working on a travel blog for a friend, but decided to peel it off and make it cloneable before I turn it over for him to load content. Enjoy.

It's Worth Seeing

UpGuard

We’ve just launched the new UpGuard site on Webflow 🔥

UpGuard is a cybersecurity company helping business reduce cyber risk and protect customer data. Our security ratings engine monitors millions of companies and billions of data points every day, uncovering 35k+ exposures for customers including NASA, AT&T and the NYSE.

We migrated 2,500+ pages over from Hubspot and redesigned the site as we went completely in Webflow in about 2 months. Let us know what you think 🙂

Built by webflow.com/jordan

Discover .css-73fekg{text-transform:capitalize;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}blogging websites built by the Webflow community

Discover blogging websites built by the Webflow community