You’re welcome Well I am no typographer but do come from a print design background and also appreciate good typography. In webdesign, I’m afraid there won’t be any perfect solution for text until we get a justifying tool like the one from Adobe Indesign to pimp up the word spacing, kerning, leading, tracking etc… That is definitely something Webflow could break through and become a pioneer. Current “justify left” option is just terrible. I think I might add this idea to the wishlist actually.
did you use After Effects for your animations?
I don’t use AE for those logo animation if that’s what you meant - those are just SVG animation. Have a look at the “vivus” script that allows mindblowing line animations or simply go to its online svg animation editor… drag your svg, play with the settings, save your animated svg file like a pro If you’re into code a little, you could then edit yourself so many things if you open your
svg file… it’s just
html markup. Also, for mor complex animations that are not line-based, you could try svgator which is also an online svg editor, free. SVG animation is the future.
Regarding your text issue on mobile:
Rather than trying to micro-tweak pieces of text for specific devices’width, I would instead write “targeted content”. What I mean by that is you write a block text that looks good on desktop + tablet and add a class to it so that it is hidden on mobile devices.
Then I would write another block text, with a few changes so that its length looks good on mobile devices variations and add a class to it so that it is hidden on desktop + tablet but visible on smartphones. Also, aligning text to the left instead of centering it might help avoid uncomon line breaks, making the text a tiny bit smaller so that enough words can fit an entire line could help improve the continuity of your block text.
I think that’s the safest solution you could opt for so that your layout doesn’t break.