Sandbox

A collection of mockups, demonstrations, proofs-of-concept or anything else that might not be production-ready. Feel free to clone the ui-patterns repo, and dive in.

Donation Page

  • inprogress
  • prototype

Form for Sports Org donations.

Donation Success Page

  • inprogress
  • prototype

Confirmation screen with donation receipt.

First Time Fundraiser Setup

  • inprogress
  • prototype

Team Store One-Step Intro

  • inprogress
  • prototype

Landing page for one-step team store setup.

Invite Opt-Out

  • inprogress
  • prototype

Promo Landing Page for existing users, logged in

  • inprogress
  • prototype

Free team promo for existing users, logged in

Promo Landing Page for existing users, NOT logged in

  • inprogress
  • prototype

Free team promo for existing users, not logged in

Team Store One-Step Setup

  • inprogress
  • prototype

One-step setup option beginning with review of smart defaults and links to customize.

Team Store Wizard

  • inprogress
  • prototype

Landing page for team store wizard flow.

Sample Prototype

  • inprogress
  • prototype

This is an example prototype using styles from classic and the new CSS components to build a design.

Jello Loader | Full Page Loading Screen

This example demonstrates the use of jello loader as a full page transition. For example, Rosetta's loading screen as games are being scheduled by Fanapp and sent back to TeamSnap.

Marketplace

This example demonstrates the use of jello loader as a ful.

Tables Demo

Exploring responsive options for laying out tables with Panel, Grid, and u-flex utilities.