Work%3A%20InVision%0AYouTube%3A%20Sketch%20Together%0APodcast%3A%20Dise%F1o%20Cha%20Cha%20Cha%0AWriter%3A%20The%20Design%20Team%0ACofounder%3A%20Carbon%20Health%0ALove%3A%20LatinxsWhoDesign
pablostanley has 609 followers on Webflow.
open-peeps-landing-page
This%20is%20a%20simple%20one-pager%20in%20black%20and%20white.%20%0A-%20Full%20height%20hero%0A-%20Sections%20for%20value%20props%20that%20expand%20to%20full%20width.%0A-%20A%20how-to%20section%20using%20a%20grid%0A-%20A%20CMS%20collection%20using%20a%20grid%20%28so%20nice%29%0A-%20And%20a%20footer%20with%20images%20fixed%20to%20the%20bottom.%0A%0AI%20combined%20a%20display%20serif%20called%20Tiffany%20for%20headings%20and%20a%20geometric%20sans%20called%20DM%20Sans%20for%20the%20body.%20I%20think%20they%20make%20a%20nice%20combo.%20Tiffany%20is%20a%20paid%20font.%20If%20you%20want%20a%20Google%20equivalent%2C%20try%20DM%20Serif%20Display%20or%20Abril%20Fatface.%0A%0ADisclaimer%3A%20My%20naming%20conventions%20are%20horrible.%20Maybe%20you%20can%20do%20something%20better.%20Lol.%0A%0A---%20%0A%0AI%20made%20this%20for%20Open%20Peeps%u2014a%20hand-drawn%20illustration%20library%20packed%20with%20doodle%20building%20blocks.%20You%20could%20use%20them%20in%20product%20imaging%2C%20marketing%2C%20comics%2C%20product%20states%2C%20user%20flows%2C%20personas%2C%20storyboarding%2C%20quincea%F1era%20invitations%2C%20or%20whatever%20you%20want%21
Tags:
- onepage
- onepager
- landing
- landing%20page
- landingpage
- illustration
- typography
- typographic
Visit Site
Design%20Conferences%20List
Just%20a%20simple%20list%20with%20filters%20and%20sorting%20using%20MixItUp.
Tags:
- mixitup
- filters
- cms
- sort
- sorting
- filtering
- list
- listing
- design
- conferences
- onepage
- onepager
Visit Site
Destroy%20My%20Design
Suuuuper%20simple%20landing%20page%20leading%20to%20a%20google%20form.%20Not%20very%20imaginative.
Tags:
Visit Site
aspect-ratio-boxes
This%20page%20shows%20containers%20in%20which%20the%20proportions%20%28or%20aspect%20ratio%29%20remain%20the%20same%2C%20even%20when%20their%20size%20changes.%20This%20is%20possible%20by%20changing%20the%20top%20padding%20to%20a%20percentage%2C%20which%20is%20based%20on%20the%20width%20of%20the%20container.%20%0A%0AYeah%2C%20this%20sounds%20super%20weird%2C%20but%20it%20works%21%20Try%20it%20by%20resizing%20this%20window.%0A%0AIf%20you%20have%20a%20suggestion%20on%20how%20we%20can%20make%20this%20more%20useful%2C%20please%20leave%20a%20comment%21
Tags:
- resource
- freebie
- experiment
Visit Site
rotational-parallax-illustrations
Playing%20with%20Rotational%20Parallax%20and%20illustrations%20from%20Open%20Doodles%0Ahttps%3A//www.opendoodles.com/
Tags:
- illustration
- parallax
- effects
- hero
- animation
Visit Site
Quick%20Demo%20of%20Collections%20with%20Different%20Layouts
A%20friend%20had%20a%20question%20about%20using%20a%20grid%20with%20different%20layouts%20for%20collections.%20%0A%0AMy%20suggestion%20was%20having%20different%20lists%20with%20different%20layouts%20for%20every%20row.%20Plus%20some%20sorting%20and%20filtering%20magic.%20Not%20very%20elegant%20but%20does%20the%20trick%21%0A%0AClonable%20site%3A%0Ahttps%3A//webflow.com/website/Quick-Demo-of-Collections-with-Different-Layouts%0A%0ASee%20video%20tutorial%20here%3A%20%0Ahttps%3A//youtu.be/ohU71THlpGg%0A%0ASee%20the%20tweet%20the%20sparked%20the%20conversation%3A%0Ahttps%3A//twitter.com/RockyRoark/status/1185406083155689472
Tags:
Visit Site
Landing%20Page%20with%20Illustrations
This%20is%20the%20site%20is%20an%20example%20of%20how%20to%20use%20an%20illustration%20library%20called%20Open%20Doodles.%20If%20you%20want%20to%20see%20that%20project%2C%20go%20here%20%28also%20clonable%29%20https%3A//webflow.com/website/open-doodles%0A%0AThis%20is%20just%20a%20one-pager%20using%20different%20layout%20methods%20for%20different%20sections.%20I%20also%20added%20some%20scroll-based%20animations%20to%20the%20illustrations%20to%20create%20some%20parallax%20goodness.%0A%0AThere%27s%20also%20a%20video%20walkthrough%20in%20which%20I%20create%20this%20page%2C%20in%20case%20you%20wanna%20see%20that%3A%20https%3A//www.youtube.com/watch%3Fv%3DdBNerBMbuNk%0A%0AFeel%20free%20to%20use%20this%20site%20however%20you%20want.%20You%20can%20copy%2C%20edit%2C%20remix%2C%20or%20clone%20the%20site%20and%20these%20images%20for%20any%20personal%20or%20commercial%20use.%0A%0AIf%20you%20have%20a%20suggestion%20on%20how%20to%20improve%20this%20website%2C%20I%20would%20love%20to%20hear%20it.
Tags:
- onepage
- onepager
- landingpage
- landing%20page
- responsive
- parallax
Visit Site
Open%20Doodles%20Site
This%20is%20the%20site%20for%20an%20illustration%20library%20called%20Open%20Doodles.%20It%20uses%20a%20combination%20of%20CSS%20Grid%2C%20Flexbox%2C%20two%20CMS%20collections%2C%20symbols%2C%20and%20hover%20interactions%21%20Making%20it%20clonable%20in%20hopes%20others%20can%20use%20it%20as%20a%20starting%20point%20or%20as%20a%20way%20to%20learn%20new%20tricks.%0A%0AFeel%20free%20to%20use%20this%20site%20and%20illustrations%20however%20you%20want.%20You%20can%20copy%2C%20edit%2C%20remix%2C%20or%20close%20the%20site%20and%20these%20images%20for%20any%20personal%20or%20commercial%20use.%0A%0AIf%20you%20have%20suggestions%20on%20how%20to%20improve%20the%20website%2C%20I%20would%20love%20to%20hear%20them%21
Tags:
- illustration
- grid
- cms
- landing%20page
- collections
- free
- freebie
Visit Site
another-design-newsletter
Just%20a%20simple%20newsletter%20landing%20page%20with%20a%20form%20connected%20to%20Mailchimp.
Tags:
- newsletter
- email
- mailchimp
- landing
Visit Site
Humaaans
Humaaans%20is%20a%20free%20library%20to%20mix-%26-match%20illustrations%20of%20people.%20You%20can%20customize%20their%20positions%2C%20clothing%2C%20colors%2C%20and%20hairstyle%20to%20create%20some%20cool%20scenes.%20You%20can%20add%20backgrounds%20and%20use%20the%20power%20of%20libraries%20to%20make%20it%20your%20own%20%uD83D%uDC88
Tags:
- illustration
- parallax
- landingpage
- onepage
Visit Site
Piet%20Mongrid
Recreated%20Piet%20Mondrian%27s%20%u201CComposition%20with%20Large%20Red%20Plane%2C%20Yellow%2C%20Black%2C%20Gray%2C%20and%20Blue%u201D%20in%20CSS%20Grid%20using%20@webflow%0A%0AIt%20turns%20out%20Mondrian%20used%20a%2016x16%20grid%20too.%20Lol
Tags:
Visit Site
CMS%20Cards
Super%20simple%20profile%20cards%20using%20CMS%20data
Tags:
- cms
- profile
- card
- cards
- user
- team
Visit Site
Studio%20Shortcuts%20%u2014%20A%20list%20of%20shortcuts%20for%20a%20app.
You%20can%20use%20this%20project%20as%20a%20starting%20point%20for%20your%20own%20list%20of%20shortcuts%20of%20an%20app%20you%20love.%0A%0AThe%20original%20project%20has%20shortcuts%20for%20InVision%27s%20Studio%3A%20https%3A//www.invisionapp.com/studio
Tags:
- shortcuts
- lists
- table
- tables
Visit Site
Nintengrid%20-%20Pixel%20Art%20made%20with%20Grid
A%20set%20of%20different%20pixel%20art%20illustrations%20made%20with%20Webflow%27s%20new%20feature%20Grid.%20Gonna%20keep%20adding%20more%20with%20time.%20%0A%0AI%20think%20that%20if%20you%20clone%20this%20project%2C%20you%20won%27t%20be%20able%20to%20use%20the%20grid%20until%20it%27s%20out%20of%20beta%20in%20October.%20I%20think%20you%27re%20gonna%20love%20using%20Grid%20once%20it%27s%20out.
Tags:
- grid
- videogame
- art
- illustrations
- pixelated
- grid%20layout
- grids
Visit Site
Latinxs%20Who%20Design%20-%20Directory%20of%20people%20with%20filters
Latinxs%20Who%20Design%20is%20a%20living%20directory%20of%20thriving%20Latinxs%20in%20the%20design%20industry.%20Feel%20free%20to%20clone%20this%20project%20and%20create%20your%20own%20list%21
Tags:
- directory
- listings
- list
- filters
- cards
- people
Visit Site