Cineo · Welcome
Cineo · Welcome is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-auth-welcome.
The Cineo Welcome screen is the entry gate for a Netflix-style movies and TV streaming app, built as a full-bleed Stack. A bundled cinematic hero photo (hero_cinema.webp, bottom-aligned BoxFit.cover) fills the frame, with a painted _BackdropPainter fallback so a blank never renders offline, and a _ScrimPainter draws a bottom-up dark gradient (0.1 to 0.96 alpha) that keeps white text legible over the artwork. A SafeArea Column centers the content: the _CineoMark cluster pairs a red-to-dark-red gradient play-badge (rounded rectangle with a play_arrow_rounded glyph) beside the wide-tracked CINEO wordmark, then an 800-weight 'Movies & shows, unlimited.' headline and a muted supporting line. Two Spacers push a pinned action stack to the bottom: a fixed 54px _PrimaryButton with the brand-red gradient wired to onGetStarted, a translucent bordered _GhostButton wired to onSignIn, and a Text.rich terms-and-privacy line with highlighted spans. The palette is cinematic dark (#0B0B0F base, #E50914 to #B00610 brand red, #A1A1AA muted, #2A2A33 hairline) in the bundled Inter font. It is self-contained pure Flutter with its own dark ThemeData, SafeArea, fixed-height overflow-proof buttons, no live network images, and is fully backend-agnostic, driven entirely through the injected onGetStarted and onSignIn callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CineoMark brandmark cluster: red-to-dark-red gradient play-badge with a play_arrow_rounded icon beside the wide-tracked CINEO wordmark
- ✓_PrimaryButton — a fixed 54px brand-red gradient Get Started CTA with InkWell ripple, wired to the onGetStarted callback
- ✓_GhostButton — a translucent hairline-bordered Sign In button wired to the onSignIn callback
- ✓_ScrimPainter bottom-up dark gradient (0.1 to 0.96 alpha) plus a bundled hero_cinema.webp cinema-hall background image
- ✓_BackdropPainter offline fallback: cinematic gradient, warm red key-light pool and soft white streaks via errorBuilder so it never renders blank
- ✓Text.rich terms-and-privacy footer with highlighted Terms and Privacy Policy spans, all in the bundled Inter font
Use cases
- ✓First-run splash and onboarding gate for a subscription video streaming app
- ✓Logged-out landing screen routing new viewers to sign-up and returning members to sign-in
- ✓Reusable auth-flow entry point for any Netflix-style movies and TV product needing a cinematic hero
- ✓Marketing or demo cover screen showcasing the Cineo brand identity before the sign-up flow
