In material design, if the title is long we should put it in a prominent Appbar like this:
The title should not be truncated or shrunk. so when the content scrolls up, should I transform the prominent Appbar to normal? If so, what would happen to the long title, as it should not be truncated or shrunk? Or we should let it be in this way all the time?
Free form text like this is not good material for the app bar. Move your title to … a page title 😁
In response to the OP’s comment …
If the company’s brand should be reflected in the app bar, you can set the constraint that the app bar should not exceed a certain depth. Designing around that requirement, you might allow the client/user to upload an SVG logo (following size guidelines) which can be scaled to work in the allowed space.
Whenever you ask something of the user you’ll need a fallback. If the user hasn’t uploaded their logo, you can default to their name, which can be truncated for space and appended with an elipsis ….
