AI CSS Animations

Premium

Heraldic Crest

An invented coat of arms assembles in proper heraldic order: a shield ruled per bend floods gules and or, a lion rampant draws and fills counterchanged, helm, torse, estoile and dagged mantling arrive, a motto ribbon unfurls, and engraved hatching sweeps across.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
SVG
Topics
Logo reveal · Shapes
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Heraldry grew out of the painted shields of European knights in the 12th century and became a precise visual language with its own grammar. A blazon such as "per bend gules and or, a lion rampant counterchanged" describes the arms exactly: the field divided diagonally into red and gold, a rearing lion whose colors swap across the division. A full achievement adds a helm, a twisted torse, a crest and cloth mantling, often with a motto on a ribbon. When printing could not show color, engravers used the Petra Sancta system of hatching, vertical lines for red and dots for gold, which is why old armorial plates look the way they do.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: Motion graphics inspirationLogo animation inspiration