top of page
Demetre_Website_Sleep_Banner_v002.jpg

Sleep.com

For Sleep.com's social channels, we created a templatized graphics system for quick and easy updates, including text graphics and a reimagined logo animation.  

Client: Zillow

Date: 2026

Sleep.com

Logo Animation

Top rows: early logo animation concepts, Bottom: final animation

Half Screen - Night Mode.jpg
Sleep_Thumbnail_MBS_v001C.jpg
Design Elements

Using Sleep's dreamy color palette and organic shapes, we developed title cards, lower thirds, half-screens and other graphics flexible enough to work with a variety of types of footage, topics and aspect ratios. 

IC_Sleep_DesignElements_v001_edited.png

We adapted all the designs to multiple aspect ratios and two color schemes, "night mode" and "day mode."

Sleep_GFXTemplate_forWebsite_v001_edited.jpg
Motion Templates

After designing the graphics, we programmed them to be user friendly and fully customizable for video editors with no previous graphics experience using Adobe MOGRTs. Text could be easily swapped, and changing colors was as simple as turning on a switch.

​

​

​

​

bottom of page