Typography Motion
Mask
Mask and position.
Added delay on individual lines
Mask + Accents
Type animation with accent text.
Accents are animated using flash mode.
Type is masked and animated vertically using delay.
Mask + Accents 150%
For greater impact, header text can be scaled up by 150%.
Position X or Y
Animated position, horizontally or vertically. Added delay on individual text lines.
Use only for 150% scaled text to avoid odd end placements.
Use only for 150% scaled text to avoid odd end placements.
Position X and Y
For large type, a more dynamic animation style can be used by animating movement both vertically and horizontally at the same time. Use only on header text to create impactful, simple messages and animation loops.
Paragraph Text
Paragraph text is used for more extensive content. To add contrast to the axis-based motion, it can feature a delayed typewriter effect. Additionally, paragraph text uses a custom flash animation to enhance visual interest.
© Aramco Brand Portal 2026