Changelog for the preut.design website.

For this one, I did a lot of editing, which has always been a crutch for me. I just want to keep everything under the sun.

• I reduced my color palette by 50%

• refined the light textures

• and refined the CMS tile on the homepage slightly to take up less visual noise space.

• I made my corners more rounded and did small margin and padding tweaks here and there.

Design system evolution (shocking I made more tweaks)

• Finalized the color system, hello back to dark mode.

• Finalized the type system.

  • Doing too much with styles, so I paired it back

  • Using Season from Displaay. Sans and Serif in one variable family

• Icon system

  • Pixels for mascots

  • Soft style for icon system

• Content Detail Page

  • Ditched the overlay modal for content

• Contact page

• Changelog now in house: https://pdw-changelog.framer.website/

• Implemented the second evolution of the design system. Shocking.

• Dark green version, a nice middle ground between non-void light mode and the emphasizing color of dark mode.

• Implemented a better work modal design, and prepped for gallery design

• Sidebar navigation

  • Desktop

  • Contact modal magic

  • Tablet down to mobile tweaks

• Design tweaks and bops

• Redid on-page SEO to have better section names and aria labels

• Went through and cleaned up any unused colors and type styles

• Did a very simple version for the app icon, featured social preview, and favicon

• Went through and deleted any components that are no longer used and did the same with other sections or pages

• Converted to light mode. I did an exercise where I was creating a light mode to be able to switch between dark and light, but I loved light mode so much that it made me realize dark mode just feels like being in the void too much. Some downfalls of light mode: I designed and tweaked it and am pretty happy with the current light mode

• Made tweaks to the font. Switched to Displaay Seasonal I really fell in love with being able to go from sans-serif to serif with a variable, and this fits my existing brand and just elevates it a little bit more

• Converted all elements to light mode

• General design, QA, and tweaks

  • Created a more robust work tile design for LightMode to include color swatches and other fun tweaks

• Made a fix for the custom component I created called Tile Shift to stop shifting vertically in preview. It seemed there was a bug with the redrawing of vertical spacing that was looping, so that got fixed and it's running really well right now

• Implemented contact form to be invoked on the email button in the navigation

• Converted change log to Capacities (moving forward)

• Tweaked Mobile

• Implemented custom pixel iconography

• Implemented custom pixel logotype branding

• Implemented pixel logo icon

• Other various small meaningful only to me tweaks.

• TileShift Plugin

• Needed to tweak the build architecture to redraw elements on the canvas immediately after a reload or when closing and coming back.

• Before, it would take 5 minutes, which was pretty unacceptable. Was able to get that fixed and feeling good

Initial launch of website

• Implemented a couple of tools that I made in Framer

• TileShift: a Bento masonry solution for CMS grids

• FramerGrids: custom grids you can use to help you design or use as a design element.

• Initial build implements the design system start

• I am sure i will be making changes