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

Pretty Nice Websites

Did a rebuild for fun on the hero section of the Glasgow International site. Really liked the colors and blocky layout. https://glasgowinternational.org/

They use an image for the pattern on the right side, but I wanted to try and recreate it using just div blocks. It's all flex and absolute positioning for the stacking order. 

Instead of using the Lacuna font they use, I went with Yeseva One, which was a somewhat similar Google Font.

The scrolling section at the bottom was difficult to get the timing down. I'll continue playing with that to see if there is a better way to do that. Anyway, enjoy!

Glasgow International Rebuild

A low-tech Javascript-free pattern generator that combines defined lists of colours and shapes to create random geometric patterns. Exploring new ways of using Webflow collection lists!

Read more about how this works on my blog >> www.sampilgrim.com

Pattern Generator

Geometric pattern generator

Redis Agency

Redseed is a company that is engaged in seed investments — simply put, invests in startups.

For this project, we created a minimalistic corporate identity and logo with an emphasis on rigor. The identity is based on the metaphors of seed, growth and scaling, which we found in Redseed - the company's name that speaks for itself.

In the logo there is both a red seed and a leaf, which stands for growth. And we put the concept of scaling into the corporate pattern, carefully and unobtrusively implementing the identity into the site.

The main task for the company's website was a convenient news feed: we have made an infinite customizable grid. When adding a new publication, all the old ones are shifted further, and the illustrations to the articles are correctly adjusted to any format: vertical, horizontal or square.

Redseed

An experiment to add vectary 3d model in webflow

Solar Graphic System

Graphic Solar System

MainWallet is a Telegram payment service. So we based our design around Telegram messenger chat. Animations by click illustrate complicated operations in an easy way.

MainWallet English

MainWallet

Sygnal

Tired of garbage emails coming through your forms? No more foo@bar. Here's how to improve your form's email validation with HTML5 pattern matching. 

Validate Emails

validate-emails

wearegoat

Basement 2 Boardroom is a start-up support programme; designed to help young businesses through the initial phases of their journey. The design uses their brand pattern throughout to create a grid for the content.

Basement2Boardroom

Basement 2 Boardroom Start-up Support Website

Hi my gorgeous friends of Webflow,

This project contains a 3 flexbox design patterns + usage of gap CSS property.

Enjoy and feel free to leave a comment!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Flexbox Design Patterns

Minimal website for a new aviation company.

Jet Exotic

Jet Exotic Splash Site

Monarch Foundation is a non-profit organization focused on raising funds to support research to find a cure for Parkinson's disease.

Discover pattern websites built by the Webflow community

Discover pattern websites built by the Webflow community