1
I don't think you'll find a library or a name specific to this styles.
Your examples are based off Material Design patterns (cards, shadows, round corners, flat colors, white space) but with a twist of its own: shadows are very soft, custom color scheme, some images / illustrations, more white space...
So you should use the Material Design library and ...
1
There are probably many ways of doing this. If you're already familiar with After Effects, you can use it to create your SVG animations and export them with the help of the Bodymovin AE Plugin (~ USD 20). It will create a JSON file with the animation, that can be triggered by Javascript then.
Here's a tutorial
1
I would say start with the paragraph at 16px and use Fibonacci sequence to calculate the rest. It looks like the major browsers are using this logic. Along the years (for future research, using the “The Elements of Typographic Style: Version 4.0” of Robert Bringhurst, Hartley and Marks) the leading was set to 12pt for a 10pt font.
Converting 12pt to pixels ...
Only top voted, non community-wiki answers of a minimum length are eligible
