Monet Fort - Artist, Animator, Frontend Designer

Drupal Design and Development

Featured Drupal CMS Projects

a graphic of front-end development including file structures, twig template, and a hero component

Drupal Design Systems

Drupal is fast moving towards becoming the first design-system-native CMS. This is a living document of my ongoing research and projects focused on Drupal design system development.

Drupal Development

Custom Drupal Layout Tool

A tool to allow content creators to build a limitless variety of layouts.

Drupal Design System

Georgia Tech Brand Site

A complete redesign and Drupal subtheme implementation of Georgia Institute of Technology's brand identity website.

digital commencement program on a tablet screen

Drupal Subtheme

Digital Event Program

This interactive commencement program provided an affordable pandemic-era alternative to printed programs.

Digital Interactives

Creative Animation and Interaction Projects

a graphic of the human eye receiving split colors from a prism

Design & Animation

Color Vision

Follow my work in progress on this interactive scientific diagram. I am exploring use of interactive animation to demonstrate how the color spectrum is perceived by the rods and cones of the human eye.

Digital Interactive

Build Your Own Holiday Sweater, Snowman, or Snowglobe

An older project that I had a lot of fun with. Build your own holiday ephemera!

infographic of a glacier with a robot drilling vertically through it

Interactive Infographic

Icefin's Deep Dive

Interactive web component illustrating the depths that Icefin, the deep-diving arctic robot, dove to study the arctic seabed.

animation still of a koi fish illlustration

Interactive Animation

Interactive SVGs

Interactive animations using After Effects and the Lottie libraries.

More Design and Development

Web, Email, and Print Projects

Wordpress Features

Wordpress Landing Page

A new landing page and components to support a mobile and desktop app.

HTML Email

Email Newsletter Template

A flexible, responsive email newsletter template which utilizes Mailchimp's template API.

Print Design Samples

A selection of print design projects, from magazines to mailers.

website header reading 'we have something to say'

Design System

University Design System

Design system for a university's online brand.

Animation

Motion Graphics

Motion Reel

View my reel featuring samples of my motion graphics and animation work..

Animation

Curious Creatures

A short video about unusual animal adaptations.

symbol of a yellow and blue fruit tree shining as if with inner light

Motion Graphics

Explainer Videos

Instructional and promotional animations with voiceover narrative.

colorful gold and magenta image of a tiger's face

Animated Art

Artistic Visions

Dreamy motion graphics created for personal art projecs.

Writing

Design Systems

Your Drupal Site Needs a Storybook Design System

A non-developer’s introduction to Single Directory Components and current best practices in front-end design for Drupal.

Design Systems

How to Build a Color Variable Palette for Your Design System

Support color themes! Support dark mode! Create a solid color palette for your front-end using primitive and semantic CSS variable layers.

Accessibility

Dark Mode for Your Website: How and Why

Learn how to support 'prefers-color-scheme: dark' and build an accessibility menu to give your visitors the option to chose dark mode.

Accessibility

Design for Dichromacy

Understand the different types of color vision, colorblindness, and learn some ways to make the web more accessible across the spectrum.

symbolic Drual drop shape with symbolic atomic system within

Design Systems

Designing for Drupal

This illustrated introduction to basic Drupal concepts will help you collaborate with your developers for results that both align with your designs and leverage Drupal's powerful features. Written for the Sparkbox Foundry.