Text fade in animation help?

So basically, I have text that is supposed to fade in, not by using transparency but rather there will be 2 lines that appear and the text is supposed to appear under it

It's supposed to look like the text that appears when you enter a different section of the facility in this game: https://www.roblox.com/games/4787647409/Blacksite-Zeta#!/about (more reference: https://gyazo.com/6338b0d7c6972cbf4ae34c0e4ccdeb92)

My first thought was to use clipdescendants and scale a larger frame down so that the text inside would disappear, and since that would also scale the text down I would have scaled the text up while the main gui was being scaled down

This was my attempt, but it only made a bouncing effect

script.Parent.MouseButton1Click:Connect(function()
    script.Parent.Parent.Main.TextBound:TweenSize(UDim2.new(0.002, 0, 0.786, 0), Enum.EasingDirection.Out, Enum.EasingStyle.Quad, 1)
    script.Parent.Parent.Main.TextBound.Title:TweenSize(UDim2.new(183.4, 0, 0.838, 0), Enum.EasingDirection.Out, Enum.EasingStyle.Quad, 1)
end)

https://gyazo.com/5c4ae7a7d1c3627a6f9243b9a3b4d2fb

So how would I go about doing this correctly? I couldn't find any resources that were helpful enough.