The dark version keeps every layer from the light one and changes only the colors. Get a traveller from check-in to the gate. The first screen confirms the passengers and picks seats. The second shows a boarding pass with the route and a code to scan.
What is included
- A check-in status badge and a flight summary
- Passenger rows with passport checked lines
- A seat grid with taken and selected seats
- A boarding pass with route, gate, date and seat
- Wallet and share buttons
Where to use it
Use it for an airline app or a travel wallet. The code area is a simple pattern, so swap it for a real code in your build.
How to use it
Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans, a free font on Google Fonts. Install it first so the text looks the same.
Dark version
This listing is the dark version. The light version is listed separately, so you can pick the one that fits your project.
