Elements · Components
The specimen request and the contact form are the two conversions on the site. These variations compare a single form with a three-step wizard that saves progress, then show newsletter, search-with-suggestions, label styles, validation states and a résumé dropzone. Every demo submits to a toast.
Select every variation you like — your picks are saved in this browser.
A confirmation is on its way to . The parcel is addressed to , .
On the site: The /specimen-request page for schools that already know what they want: one page under the header CTA, reassurance rail beside it, posts to the sales inbox with the courier ETA in the reply.
You have an unfinished request from . Pick up where you left off?
We will confirm to and courier series for classes to , .
On the site: The same /specimen-request page when the ask is bigger (several series, classes and a delivery address). Progress lives in localStorage for a week, so the form can be finished after a staff-room conversation.
Thanks, . The desk replies to within one working day.
On the site: The /contact page and the "Didn't find the answer?" block under the FAQs. The subject selects the inbox (sales, software support, workshops, careers) so nothing waits in a shared mailbox.
What changed in Windows, Office and the CBSE codes, and which chapters we revised because of it.
For computer teachers: one email a month, no sales follow-up.
Tech Updates
Windows 11 rollout notes, the new AI unit for Class 8, CBSE code 417 revisions — in one email a month.
On the site: The bar goes in the footer on every page, the card sits beside News articles and Tech Updates posts, the band is a CTA between sections on Solutions and Books pages. All three post to the same double-opt-in list.
Try:
On the site: The header search and the Books landing page. Teachers type a series or a class; distributors and purchase officers paste an ISBN. Enter with nothing highlighted goes to the full results page.
On the site: One label style for every form on the site. Top labels suit the long specimen and careers forms; floating suits compact spots such as the newsletter bar and search; inline suits the review and account-style screens.
Default
Placeholder is an example, never the label.
Focus
2 px primary ring, no shadow — the same ring as every focus-visible on the site.
Filled
Ink text on surface; border stays line-strong.
Error
Enter a 10-digit Indian mobile number.
Success
Looks good
Disabled
Muted text on surface-2; not focusable.
Read-only
Dashed border; focusable and selectable, not editable.
Select
On the site: The rules every form inherits: validate on blur, re-check while typing only after an error, tick valid fields, summarise on submit with links to the fields, and keep message copy specific ("Enter a 10-digit Indian mobile number", not "Invalid input").
On the site: The "Submit a résumé" form on /careers and the "Write for Educare" author form. Files are checked for type and size in the browser before upload; the server repeats the check and stores nothing until the honeypot and the email pass.
Windows is set to reduce animation. This proposal plays its full motion so you can judge it.
Motion is off
Nothing selected yet. Open any page under Elements and press Select on the variations you like.
