RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

I created a Design System as a foundation for styling, scaling and maintaining Webflow projects. The Style Guide page is the base, and Element and Component pages are developed from there. Modify and Add to the system to meet the needs of your project.

Design System

This is my Clone Comp space saga entry "Escape to Space."

Day-1 I wanted to make a horizontal scroller like "Canals" https://canals-amsterdam.nl/ but that failed when the navigation and parallax images stopped working when scrolling horizontally instead of vertically. I ran out of time and had to put it together as a standard vertical scroll and that compromised my design a bit.

Day-3 Update. I started trying to clone Josh and Jordan's 8-Bit project. I made an 8-Bit blackhole and another level, but didn't like the look of it, so abandoned that and returned to this one. I was able, after a couple of rounds with the calculator, to get the horizontal scroll working. I didn't have time to add the parallax image animations that I wanted, and the navigation was going to need some custom code to scroll sideways to the proper area, so I removed that, and it's just scroll-scroll-scroll, with a tiny bit of reading if you want the full story! All images from Unsplash.