RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

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.

adriens-clone-comp-2020

I liked the illustrations in this project, so created a set of my own for the Day 2 clone and tried to keep with the original look as best I could. I only had 3 hours to illustrate and build, so I ran out of time to make it responsive and add interactions between sections.

adriens-space-saga-project

Polar Bear in a Snowstorm

polar-bear-in-a-snowstorm

polar-bear-in-a-snowstorm

Description

More by Adrien Lexington