Welcome to the second video about the ticket screen, the empty state screen. In this short video, we'll learn how to design an empty state for our ticket screen. Since the ticket screen is accessible from our home screen, aka the party we screen, there's a possibility that this screen won't have any content. Since the user haven't bought any tickets yet. For this purpose, we're designing an empty state, which will show if there aren't any tickets in the ticket screen. If you recall, we mentioned this in the user for video, how an empty screen should look like.
The elements are some appropriate graphic, a message that explains why there is no content here. And a call to action that will make the user do something in our case, buy tickets. So without further ado, let's get down to business. I assume that you've already created your background using the rectangle tool. Our favorite color, if not do it now. We're using the same color as our ticket screen, where we have a back button and a screen title.
Now in our assets panel, I provided the graphic for this lesson, grab it and place it onto our canvas. As you can see, this is the same icon we're using in our header component to link us to the ticket screen, only larger and a different color. Place it in the middle of our canvas. Now, open up your title and type in looks like you don't have any tickets bought changed font size to this to 30 pixels. The font weight is regular and the color is white. The final thing to do is to center align this text and make sure it fits in our screen by breaking this words.
Now, placing 30 pixels down our graphic and center aligned to our canvas. So both the graphic and the text and glued them together. Center align them to the middle of our canvas. Now the final thing to do is to add the call to action. Copy and paste the call to action from our previous screens and change the content to book tickets now make sure this is center aligned and 15 pixels. From the bottom and that's it guys.
We've made it. The final design for our application. I will see you in the next video, where we will discuss the things we've learned so far and prepare for the challenge. Thank you so much for your attention.