Create an 5 second Animation of LOGO REVEAL

THE BIG PICTURE: ______________________ I'm looking for a "Snappy" and "Minimalistic" LOGO Reveal. What do I mean when I say "Snappy" and "Minimalistic"? REFERENCES ______________________ Here are some ideas: This is the Franchise Animography. I like the way the UPPERCASE "R" appears (min 0:46). That's what I mean with "Snappy", to have those little "expression lines" after the R appears. [login to view URL] This is from various "MINIMALISTIC LOGO REVEAL" I found and liked on YouTube. [login to view URL] This is how I (sort of) want the letters "Animation 101" to appear. [login to view URL] MORE DETAILS ______________________ Some pointers on what I'm looking for: The Logo image is attachted to this project. LOGO: 2D ANIMATION 101 Please check the STORYBOARD attached to have a clear understanding of what I'm looking for. 2D (About 1 or 2 seconds) ------------------------- Start with only the "2D" animation first. Alone. Centered. (Audience full attention is on how it appears) Then, the most important thing ever: To have the "2D" (that resambles a person), appear SNAPPY like the examples from Franchise Animography. I want the "2D" to have "personality" and to be "elastic". Like the way the number 1 appears in Franchise Animography (0:16 when "110" appears). The "Snappy" effect, for me, is either the little dots that appear after the number 1 (0:16), or the little lines after uppercase "R" (0:46) >>MOVEMENT>> ----------------- Then the "2D" (which is CENTERED and ALONE in the middle of the screen), moves to the side to reveal a PERFECT SQUARE (black) ANIMATION 101 (About 2 Seconds) -------------------------------------- I imagine the "square with ANIMATION 101" to appear like the videos I got from YouTube, the reference I like for this one is the "Design King" Animation. I like how the square is cut at an angle into 2 black triangles. So... a perfect Square is cut at an angle (like in design king), then each corner is moved to the sides. The letters inside the blank space appear as a stroke, all at the same time (like in the video but with no shadows. [login to view URL]). Then the triangles are extended/connected to ENCLOSE into a Black Rectangle. Filling everything in black except for the interior of the letters, which are white. Again, please check the STORYBOARD to have a Clear Idea of what I'm looking for. EXTRA INFORMATION ______________________ The GENERAL animation should have a Background with a "Bluish Gray" color (#A7AFBA) BUT! I need the After Effects file for this project so I can customize the colors according to the color palette video I'm working with. Example: If in one video the background is black, I need to be able to change the color of the layers to a light color, and if the background is white, then a dark color, etc. COLOR PALETTE ______________________ Use only BLACK and WHITE for the logo and BLUISH GRAY for the Background. If you must, then you can add different shades of Gray. This is the HEX CODE for the colors #000000 Black #FFFFFF White #A7AFBA Bluish Gray TECHNICAL ASPECTS ______________________ Composition: If possible, use Preset "HDTV 1080 24p" 1920 x 1080 px Square Pixels 24 fps Duration: 15 seconds Typography: Tall Dark and Handsome (the file is attached) ANIMATION text in After Effects Size: 122px VA separation: 123 101 text in After Effects Size: 122px VA separation: 58 Question: The animation should be from 4 to 5 seconds long. But can the composition last for 10 seconds more? To maintain the Logo showing?