sagomini.com Open in urlscan Pro
2606:4700:3036::ac43:9598  Public Scan

Form analysis
2 forms found in the DOM

Name: signup —

<form name="signup" id="signup" class="js-form || max-width-widest margin-horizontal-auto flexbox flex-wrap flex-center relative z-index-10" data-msg-required="Email required" data-msg-email-invalid="Invalid email">
  <div data-component-name="form-field" class=" transition-input-ctn || flex-grow-1 width-full  js-form-field" data-error-class="is-error" data-valid-class="is-valid" data-empty-class="" data-not-empty-class="is-not-empty"
    data-rules="email,required"><!--[if lte IE 9]><label class="" for="email"><span class="block absolute top-1_2 transition-input-label">Email address</span></label><![endif]-->
    <div class="relative line-height-0"><label
        class=" pointer-events-none font-base text-very-shorter text-shorter-from-xs text-very-short-from-sm line-height-tighter letter-spacing-half font-weight-bold color-medium-dark || absolute fill padding-left-small padding-right-huge border-slimer border-solid border-color-transparent color-dark ||  js-form-label  js-form-label"
        for="email" data-not-empty-class="is-not-empty"><span class="block absolute top-1_2 transition-input-label">Email address</span></label>
      <div
        data-state-class="font-base text-dwarf text-miniature-from-ph text-shortest-from-xs line-height-tight letter-spacing-half || absolute right bottom translate-y-full flexbox flex-align-items-center padding-right-small padding-top-xsmall color-pink"
        class=" js-form-error"></div>
      <div class="js-form-state pointer-events-none absolute right top-neg-full bottom-full flexbox flex-center padding-horizontal-smallest transparent" data-state="valid"
        data-state-class="color-white opaque-when-is-valid transition-opacity transition-duration-short transition-ease-quad-out"></div>
      <div class="js-form-state pointer-events-none absolute right top-neg-full bottom-full flexbox flex-center padding-horizontal-smallest transparent" data-state="error"
        data-state-class="color-white opaque-when-is-error transition-opacity transition-duration-short transition-ease-quad-out"></div>
      <div class="absolute right top bottom flexbox flex-center padding-horizontal-smallest transparent-when-is-error transparent-when-is-valid color-medium-dark transition-opacity transition-duration-short transition-ease-quad-out"></div><input
        class=" font-base text-very-shorter text-shorter-from-xs text-very-short-from-sm line-height-tighter letter-spacing-half font-weight-bold color-medium-dark || width-full padding-horizontal-small border-slimer border-solid border-radius-larger border-color-active-on-focus transition-border-color transition-duration-short transition-ease-quad-out color-dark border-box border-color-orange-when-is-error appearance-none border-color-neutral-grey bg-color-neutral-grey  || height-very-thin-to-xs height-xlarge padding-top-1_3rem height-custom-mobile-landscape required js-form-input"
        name="email" type="text" id="email" data-error-class="" data-valid-class="" data-empty-class="" data-not-empty-class="" aria-required="true">
    </div>
  </div>
  <div class="absolute-from-xs right top bottom flexbox flex-align-items-center padding-right-small-from-xs margin-top-mid-to-xs">
    <div class="border-radius-largest inline-block transition-newsletter-submit-button"><input
        class="relative z-index-10 border-0 bg-color-transparent color-white padding-vertical-smaller padding-vertical-smallest-from-xs padding-horizontal-largest padding-horizontal-mid-from-xs cursor-pointer font-base font-weight-bold line-height-tight text-very-short letter-spacing-half"
        value="Sign up" name="btnsubmit" id="btnsubmit" type="submit"></div>
  </div>
  <div class="absolute fill flexbox flex-center transparent collapse visible-when-is-form-submiting opaque-when-is-form-submiting z-index-1 bg-color-white border-radius-large">
    <div data-component-name="element-loader" class="relative || square-very-tiny">
      <div class="absolute fill">
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-1 top left"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-3 top right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-5 bottom right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-7 bottom left"></div>
      </div>
      <div class="absolute fill rotate-neg-45deg">
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-2 top right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-4 bottom right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-6 bottom left"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-8 top left"></div>
      </div>
    </div>
  </div>
  <div
    class="absolute fill flexbox flex-center flex-column text-center transparent collapse visible-when-is-form-success scale-90 bg-color-valid border-radius-larger color-white scale-100-when-is-form-success opaque-when-is-form-success transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">Thank you for signing up</div>
  </div>
  <div
    class="absolute fill flexbox flex-center flex-column text-center transparent collapse visible-when-is-form-existing scale-90 bg-color-valid border-radius-large color-white scale-100-when-is-form-existing opaque-when-is-form-existing transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">Whoops! You've already signed up for our newsletter.</div>
  </div>
  <div
    class="absolute fill flexbox flex-center text-center transparent collapse visible-when-is-form-error scale-90 bg-color-error border-radius-large color-white scale-100-when-is-form-error opaque-when-is-form-error transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">An error occurred. Please try again.</div>
  </div>
</form>

Name: signup —

<form name="signup" id="signup" class="js-form || relative" data-msg-required="" data-msg-email-invalid="">
  <div data-component-name="form-field" class=" transition-input-ctn || flex-grow-1 width-full  js-form-field" data-error-class="is-error" data-valid-class="is-valid" data-empty-class="" data-not-empty-class="is-not-empty"
    data-rules="email,required"><!--[if lte IE 9]><label class="" for="email"><span class="block absolute top-1_2 transition-input-label">Email address</span></label><![endif]-->
    <div class="relative line-height-0"><label
        class=" pointer-events-none font-base text-very-shorter text-shorter-from-xs text-very-short-from-sm line-height-tighter letter-spacing-half font-weight-bold color-medium-dark || absolute fill padding-left-small padding-right-huge border-slimer border-solid border-color-transparent color-dark ||  js-form-label  js-form-label"
        for="email" data-not-empty-class="is-not-empty"><span class="block absolute top-1_2 transition-input-label">Email address</span></label>
      <div
        data-state-class="font-base text-dwarf text-miniature-from-ph text-shortest-from-xs line-height-tight letter-spacing-half || absolute right bottom translate-y-full flexbox flex-align-items-center padding-right-small padding-top-xsmall color-pink"
        class=" js-form-error"></div>
      <div class="js-form-state pointer-events-none absolute right top-neg-full bottom-full flexbox flex-center padding-horizontal-smallest transparent" data-state="valid"
        data-state-class="color-white opaque-when-is-valid transition-opacity transition-duration-short transition-ease-quad-out"></div>
      <div class="js-form-state pointer-events-none absolute right top-neg-full bottom-full flexbox flex-center padding-horizontal-smallest transparent" data-state="error"
        data-state-class="color-white opaque-when-is-error transition-opacity transition-duration-short transition-ease-quad-out"></div>
      <div class="absolute right top bottom flexbox flex-center padding-horizontal-smallest transparent-when-is-error transparent-when-is-valid color-medium-dark transition-opacity transition-duration-short transition-ease-quad-out"></div><input
        class=" font-base text-very-shorter text-shorter-from-xs text-very-short-from-sm line-height-tighter letter-spacing-half font-weight-bold color-medium-dark || width-full padding-horizontal-small border-slimer border-solid border-radius-larger border-color-active-on-focus transition-border-color transition-duration-short transition-ease-quad-out color-dark border-box border-color-orange-when-is-error appearance-none border-color-newsletter-form bg-color-white  || height-very-thin-to-xs height-xlarge padding-top-1_3rem height-custom-mobile-landscape custom-newsletter-padding-right required js-form-input"
        name="email" type="text" id="email" data-error-class="" data-valid-class="" data-empty-class="" data-not-empty-class="" aria-required="true">
    </div>
  </div>
  <div class="absolute right top bottom flexbox flex-align-items-center padding-right-micro padding-right-small-from-xs">
    <div class="border-radius-largest inline-block transition-newsletter-submit-button"><input
        class="relative z-index-10 border-0 bg-color-transparent color-white padding-vertical-smaller padding-vertical-smallest-from-xs padding-horizontal-largest padding-horizontal-mid-from-xs cursor-pointer font-base font-weight-bold line-height-tight text-very-short letter-spacing-half text-miniature-to-xs"
        value="Sign up" name="btnsubmit" id="btnsubmit" type="submit"></div>
  </div>
  <div class="absolute fill flexbox flex-center transparent collapse visible-when-is-form-submiting opaque-when-is-form-submiting z-index-1 bg-color-white border-radius-large">
    <div data-component-name="element-loader" class="relative || square-very-tiny">
      <div class="absolute fill">
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-1 top left"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-3 top right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-5 bottom right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-7 bottom left"></div>
      </div>
      <div class="absolute fill rotate-neg-45deg">
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-2 top right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-4 bottom right"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-6 bottom left"></div>
        <div class="absolute width-1_4 padding-top-1_4 border-radius-full bg-color-medium anim-loader-circle || circle-8 top left"></div>
      </div>
    </div>
  </div>
  <div
    class="absolute fill flexbox flex-center flex-column text-center transparent collapse visible-when-is-form-success scale-90 bg-color-valid border-radius-larger color-white scale-100-when-is-form-success opaque-when-is-form-success transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">Thank you for signing up</div>
  </div>
  <div
    class="absolute fill flexbox flex-center flex-column text-center transparent collapse visible-when-is-form-existing scale-90 bg-color-valid border-radius-large color-white scale-100-when-is-form-existing opaque-when-is-form-existing transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">Whoops! You've already signed up for our newsletter.</div>
  </div>
  <div
    class="absolute fill flexbox flex-center text-center transparent collapse visible-when-is-form-error scale-90 bg-color-error border-radius-large color-white scale-100-when-is-form-error opaque-when-is-form-error transition-transform-opacity transition-duration-short transition-ease-bounce-light_quad-out z-index-10">
    <div class="font-base text-miniature text-shortest-from-ph text-very-short-from-xs text-shorter-from-sm text-short-from-md line-height-tighter letter-spacing-half || ">An error occurred. Please try again.</div>
  </div>
</form>

Text Content

Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader
Guide, Feedback, and Issue Reporting
Piknik
School
World
First Words
Printables
Characters


Piknik
School
World
First Words
Printables
Characters

Piknik
Blog
Press
Help
Jobs
Contact


IT ALL STARTS WITH PLAY.

Creative experiences for curious kids.

Perfect for ages 2+
Powered by imagination

Discover endless ways to explore, create, and learn with apps and printables
that let your child's curiosity take the lead.




AWARD-WINNING APPS FOR PRESCHOOLERS.

Sago Mini is part of Piknik

A collection of award-winning preschool apps from Toca Boca and Sago Mini in one
subscription including Sago Mini World, Toca Boca Jr, Hair Salon 4, and more.

Learn more
Free trial
Sago Mini World

Discover dozens of creative games that spark imagination and grow curiosity.
(Giggles guaranteed!)

Learn more
Free trial
Sago Mini School

Kickstart a lifelong love of learning. Build early literacy, numeracy and more
with expert-designed, kid-tested learning activities.

Learn more
Free trial
Sago Mini First Words

Speech therapy made fun! Strengthen your little one's communication skills with
playful learning games and interactive video modeling.

Learn more
Free activities
Sago Mini Printables

From paper toys to educational activity packs, our free weekly printables for
preschoolers bring the magic of Sago Mini offline.

Learn more


MEET THE TEAM

Learn more
Learn more


LOVED BY PARENTS. ADORED BY KIDS.

See what other parents are saying about their Sago Mini subscriptions.

Sago Mini World is a wonderfully designed app, made with a toddlers' wants and
needs in mind. It allows toddlers to explore and navigate the vast number of
apps themselves, all in one place.

Richard Winters
Parent of 4 year old



Learning is playful and explorative in Sago Mini School! Kids lead the way
through silly stories they guide, obstacles they puzzle through, and creations
they make and share.

Cathy Tran
Educational Designer


Sign up for our weekly printables and get free activities delivered right to
your inbox!

Sign up for our weekly printables and get free activities delivered right to
your inbox!

Email address






Thank you for signing up
Whoops! You've already signed up for our newsletter.
An error occurred. Please try again.



Piknik
Blog
Press
Help
Jobs
Contact
Privacy PolicyTerms of UseAccessibility Statement
Code and design

Sago Sago Toys Inc.
a subsidiary of Spin Master Corp



Sign up for free printables!
Email address






Thank you for signing up
Whoops! You've already signed up for our newsletter.
An error occurred. Please try again.