Typography | Motion Design

The task involves extracting text from the "Muir Glen" Diced Tomato can food to explore the visual hierarchy and reading order between the title, secondary title, body text, and secondary text under different restrictions.

The potential of dynamic typography layout and transformation from the plain text.

MURI GLEN

Extracting and Analyze

Extracting and ranking the hierarchy of the text on the wrapper.

Step 1

Uses the same font, same font sizes, same font weights, and proper utilization of space.

Step 2

Uses the same font, two font sizes, two font weights, and proper utilization of space.

Step 3

Uses the same font, two font sizes, two font weights, section dividers, and proper utilization of space.

Step 4

Uses the same font, two font sizes, two font weights, section dividers, and adds texture and image to create dynamic layouts.

Step 4

The last step: uses dynamic layouts to create a typographic motion design (with sound).