Pulse · Welcome
Pulse · Welcome is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-welcome.
The welcome screen is the auth entry point for Pulse. It opens on the deep near-black canvas (#0B0B0F) with a left-aligned Column pushed into place by weighted Spacers. At the top sits a 52px rounded _BrandMark — an indigo gradient tile (accent #9B8CFF into brand #6E56F7) with a white pulse waveform drawn by _WaveMarkPainter — beside the bold 'Pulse' wordmark. Below it a large 38px 'Join the\nconversation.' headline in tight-tracked Inter, then a muted supporting line: 'Feeds, chat, calls, and communities — the whole social stack in one fast app.' A big Spacer drops the action stack to the lower third: a full-width indigo FilledButton 'Create account' (onCreateAccount), a hairline-bordered OutlinedButton 'Log in' (onLogin), then an 'or continue with' divider row flanked by thin Dividers. Under it three 84x56 _ProviderButton tiles render Apple, Google, and email marks via _ProviderGlyphPainter — the Google 'G' is drawn as four coloured arcs plus a blue cross-bar, no raster logos. A centered Text.rich terms line with tappable indigo Terms and Privacy Policy spans anchors the bottom. Palette is dark near-mono plus indigo #6E56F7 accents; typography is the bundled Inter font throughout. Fully self-contained pure Flutter — its own dark Theme, SafeArea, no network images, every graphic painted — and backend-agnostic, wired entirely through injected onCreateAccount, onLogin, onProvider(id) and onTerms callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_WaveMarkPainter: a white rounded-cap pulse waveform stroked over an indigo gradient _BrandMark tile
- ✓_ProviderGlyphPainter drawing Apple, a four-arc coloured Google 'G' with cross-bar, and an email envelope — no raster logos or emoji
- ✓Full-width indigo 'Create account' FilledButton and hairline-bordered 'Log in' OutlinedButton with onCreateAccount / onLogin hooks
- ✓Three 84x56 _ProviderButton tiles routing through a single onProvider('apple'|'google'|'email') ValueChanged callback
- ✓'or continue with' Divider row and a centered Text.rich terms line with tappable Terms / Privacy Policy spans (onTerms)
- ✓Bundled Inter font, self-contained dark Theme (#0B0B0F bg, #6E56F7 brand), SafeArea and Spacer-balanced overflow-proof layout
Use cases
- ✓First-launch auth gateway routing new users to sign-up and returning users to log-in
- ✓Social sign-on entry offering Apple, Google, and email account creation paths
- ✓Onboarding brand moment that sells Pulse's feeds-chat-calls value line before signup
- ✓Drop-in welcome screen for any dark-themed social or chat app needing painted provider buttons
