Toolkit_Exploration_Sample_B

Twitter Indigenous Month Toolkit Explorations

Overview

ATOMIC D is supporting the design of @TwitterIndigenous toolkit ●

Emoji

●

Avatar & Social Headers

●

Digital Flyer

●

Deck Template

●

Gifmoji (to come after approval)

Design request: To use the current @TwitterIndigenous emoji and incorporate new designs for the other toolkit elements that have the new Twitter branding look & feel.

Rationale

With the @Twitter Indigenous Logo setting the tone for all Toolkit elements, we looked to both update the current assets with textures and elements from the new Twitter brand, and explore different iterations of the Indigenous Logo used as a pattern.

Taking this into consideration, we have explored different patterns and treatments of the logo that draw inspiration from wide-ranging indigenous pattern design. All the patterns were made from elements inside the mark itself, and all convey the same abstract sense of celebration, intersectionality, and equity.

HANDLE

Option 1

SOCIAL HEADER & AVATAR

@TwitterIndigenous GIF

Staggered: Logo elements are scaled and arranged to create a celebratory repeating pattern, alluding to patterns common in many wide-ranging indigenous cultures.

Colors: Twitter Blue Twitter Orange Twitter Red Twitter Green Twitter Dim White Black Textures: Empty Paper scratches 08 - true grit

DIGITAL FLYER

GSLIDES

HANDLE

Option 2

SOCIAL HEADER & AVATAR

@TwitterIndigenous GIF

Sprout: Logo elements are scaled and arranged to create a celebratory repeating pattern, alluding to patterns common in many wide-ranging indigenous cultures.

Colors: Twitter Blue Twitter Orange Twitter Red Twitter Green Twitter Dim White Black Textures: Empty Paper scratches 08 - true grit

DIGITAL FLYER

GSLIDES

HANDLE

Option 3

SOCIAL HEADER & AVATAR

@TwitterIndigenous GIF

Festive: Logo elements are scaled and arranged to create a more minimalist design, again alluding to patterns common in many wide-ranging indigenous cultures.

Colors: Twitter Blue Twitter Orange Twitter Red Twitter Green Twitter Dim White Black Textures: Empty Paper scratches 08 - true grit

DIGITAL FLYER

GSLIDES

Emoji

Option 1

@TwitterIndigenous

@TwitterIndigenous

Avatar & Social Headers

Option 1

Option 2

Option 3

Digital Flyer

Option 1

Option 2

Option 3

Deck Template

Option 1

Option 2

Option 3

Gifmoji

Option 1

Pattern enters frame from left to right along the bottom.

Full logo is revealed.

The lead “petal” breaks off and swoops upwards.

The lead “petal” swoops back towards center frame where it enlarges.

Logo scales down and moves to the left.

Logo moves to the right, revealing the @TwitterIndigenous text via mask.

The lead “petal” unfolds and reveal a “rising sun”.

Text is fully revealed. (motion blur recommended for all movement).

Option 2

Pattern enters frame from left to right along the bottom of frame, and enters frame from right to left along the top of frame.

Full logo is revealed.

The lead “petals” break off.

The lead “petals” meet and overlap in the middle of frame.

Logo scales down and moves to the left.

Logo moves to the right, revealing the @TwitterIndigenous text via mask.

The lead “petals” unfold and reveal a “rising sun”.

Text is fully revealed. (motion blur recommended for all movement).

Option 3

Two “petals” enter from opposite sides of frame fluttering.

Two “petals” intersect/ overlap in center frame.

Two “petals” open.

Full logo is revealed.

Logo scales down and moves to the left.

Logo moves to the right, revealing the @TwitterIndigenous text via mask.

Two “petals” open, and reveal a “rising sun”.

Text is fully revealed. (motion blur recommended for all movement).

Option 4

Blue petal rises from bottom

Full logo is revealed.

Blue petal stops at center frame.

Orange petal starts to appear and rotate (from bottom) behind the blue petal.

Logo scales down and moves to the left.

Logo moves to the right, revealing the @TwitterIndigenous text via mask.

Green sun starts to scale up and emerge (showing the intersections as well)

Text is fully revealed. (motion blur recommended for all movement).

Option 5

Blue petal moves in a circular motion from left side of frame.

Circular motion continues.

Blue petal scales up as it continues its circular motion.

Orange petal starts to appear behind the blue petal as the petals continue rotating.

Full logo is shown and completes rotation towards center. Logo then scales down to center.

Logo moves to the right, revealing the @TwitterIndigenous text via mask. Everything is centered.

Green sun starts to scale up and emerge (showing the intersections as well) while still making that circular motion.

Text is fully revealed. (motion blur recommended for all movement).

Thank you