Brand IdentityVisual DesignWomen's WellnessBrand Strategy

Cycle

A brand dedicated to empowering women and facilitating their well-being during their menstrual journey.

Project:
School Project
Role:
Product Manager
3D Designer
Visual Designer
Team:
Rebecca Huang
Emmeline Tantry
Winnie Zheng
Kristin Kweon
Tools:
Figma
Adobe Illustrator
Maya
Duration:
1 Month
Year:
2023
Cycle brand logo

Cycle is a monthly subscription service designed specifically for women who want a more convenient way to manage their menstrual cycle. The user can choose the type and quantity of products and the range of medicine needed. Cyclo ensures the user always has the supplies when they need them.

"No More Stress. Period."

TL;DR

Who

Women who are looking for a more convenient way to manage their menstrual cycle.

What

A subscription service that delivers feminine products and medicine based on user's preferences.

Values

Convenience, Comfort, Privacy, Empathy, Reliability

Mission

Our commitment to reliable delivery means you can stay stress-free through every cycle, period.

Design

Typography

Heading
Minion Variable Concept Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Subhead
Sometimes Times Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Body Copy
Futura PT Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Captions
Futura PT Light Oblique
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Typography Usage

H1 Headlines Minion Variable Concept Semibold
36 pt / 30 pt leading
H3 Headlines Sometimes Times Italic
18 pt / 24 pt leading
Body Copy Futura PT Book
14 pt / 16.8 pt leading
caption detail Futura PT Light Oblique
10 pt / 12 pt leading

Graphic Mark

This graphic mark represents the Cycle brand and conveys the message of caring and cycling. It draws inspiration from the letter C in Cycle's wordmark and has been designed as a heart-shaped image formed from cycling-related elements.

Cycle graphic mark
Cycle graphic mark white

Wordmark

This is Cycle's word mark, designed using the Sometimes Times typeface. The word starts with a capitalized "C," followed by lowercase "ycle." To achieve balance, the letters "c" and "e" have been horizontally stretched to resemble a circle shape. The word mark on a lighter background uses the color HEX #891A28.

The word mark on a darker background uses the color HEX #891A28.

Cycle wordmark red
Cycle wordmark white

Clear Space

Cycle wordmark clear space guidelines

Lockup

This is the lockup for Cycle. The arrow head of the graphic mark changed to flow into the word mark smoother in the lockup. The "ycle" should be placed inside the heart, next to the letter "C" and the arrow. Forming the word "Cycle".

Here are two important guidelines to follow when creating the lockup.

Cycle lockup
Cycle lockup with guidelines

Color Palette

Cycle's color palette is inspired by the menstrual cycle of women, reflecting the colors of blood and life. The primary colors for Cycle are HEX #891A28 and HEX #FFF8FA, which work well on various backgrounds, from light to dark. These two colors should cover most situations, while the others serve as supporting colors.

#891A28
R: 137, G: 26, B: 40
#FFF8FA
R: 255, G: 248, B: 250
#F299A3
R: 242, G: 153, B: 163
#F04F62
R: 240, G: 79, B: 98
#7B010F
R: 123, G: 1, B: 15
#BD3E4D
R: 189, G: 62, B: 77

Visual

Cycle outdoor mockup red
Cycle outdoor mockup white
Cycle postcard mockup
Cycle MacBook mockup

Brand Application

Animation

This animation showcases the Cycle brand identity in motion, demonstrating how the logo and wordmark work together to create a cohesive and memorable brand experience.

CycleNYC Campaign

The CycleNYC campaign celebrates the cyclical nature of women's wellness throughout the four seasons, showcasing how Cycle adapts to support women's needs year-round. The campaign includes seasonal animations, poster displays, and comprehensive event details.

Seasonal Animations

Spring
Summer
Fall
Winter

Poster Campaign

The Cycle poster campaign showcases the brand's visual identity across different urban environments, creating awareness and engagement in key metropolitan areas.

Cycle NYC poster campaign
Cycle NYC poster campaign 2
Cycle NYC poster campaign 3
Cycle multi-city poster campaign

Event Details

The CycleNYC event features a comprehensive agenda and convenient location details to ensure attendees have the best experience.

Cycle NYC event agenda
Cycle NYC event location map

3D Event Renders

These 3D renders showcase the CycleNYC event space design, providing a realistic preview of the booth layout and brand experience.

Cycle NYC event booth render 1
Cycle NYC event booth render 2
Cycle NYC event booth render 3

Subscription Box

The Cycle subscription box represents the core product experience, delivering personalized feminine care products directly to customers' doors with thoughtful packaging and branding.

Cycle subscription box mockup

Cycle App

App Overview

The Cycle App is one of the main ways users will be able to personalize and individualize their experience with the brand. It serves as a platform for subscription box management, personal menstrual tracking calendar, and information about Cycle conferences.