Skip to content
Tinker Tola

Tinker Tola

Sector & region
Kids' STEM schoolNoida, IN
Year
2026
Type
Concept
Tinker Tola homepage hero

We wanted a school site that thinks the way a seven-year-old builds: flat shapes stacked into robots, letters swapped for blocks, and one clear button for the parents.

About

Tinker Tola is an invented weekend workshop in Sector 50, Noida, where kids aged 7 to 14 build robots, crack maths puzzles and write real Python. Most kids' STEM sites either shout with clip art or borrow the cold look of an engineering college. Neither shows a parent what a Saturday actually looks like, or why their child would want to come back.

The identity is a toy-block kit: rings, arches, half-moons, triangles, squares with a hole and a plus sign, drawn in tomato, sky, sunflower and leaf on a warm cream canvas. The same pieces become the logo robot, the card icons, a row of block figures along the booking section (a kid with a kite, a rocket, the kit robot and an elephant) and the letters swapped out of a giant headline. The type stays calm and grown-up, one medium-weight grotesk set tight and centred, so the play lives in the drawings while the page still reads as competent to parents. A deeper tomato is reserved for the single booking button.

The landing page runs fifteen sections in one file: an illustrated workshop hero, a slow reel of real projects, a hand-drawn Noida street, a lit render of the kit robot with callouts, two bento grids, a tabbed Saturday schedule, a term-details table with colourway swatches and detail views, a mission grid and a journal. Motion stays small: lamps sway, LEDs blink, a marble runs its track and the block figures drop in on scroll. Everything collapses to one column with a menu sheet at 360px.

Features

WebsiteBrandIllustrationMotion

Deliverables

  • Landing page
  • Logo and wordmark
  • Illustration set
  • Toy-block shape kit
  • Responsive system
  • Motion
tinker-tola.conceptOpen live ↗
Tinker Tola homepage
Live, scrollable prototype of the Tinker Tola website.
Tinker Tola: projects section

Highlights

  1. 0115-section landing page, responsive from 360px to 1920px
  2. 02Two near full-bleed SVG illustrations in rounded panels: the workshop hero and a Noida street scene
  3. 03One reusable SVG robot drives the hero, the product stage, five colourways and seven detail views
  4. 04Drawn monoline wordmark and a robot mark built from stacked blocks
  5. 05Shape-for-letter headline and a toy-block figure row made from flat primitives
Tinker Tola: statement section
Tinker Tola on a phone, view 1
Tinker Tola on a phone, view 2
Tinker Tola on a phone, view 3
Tinker Tola: tracks section
Tinker Tola: saturday section

The whole page

Every section of the homepage, top to bottom, exactly as built.

The full Tinker Tola homepage, top to bottomHover to scroll the full page
Tinker Tola: playroom section
Tinker Tola: mission section

Colour

Cream canvasBackground#F8EEDF
Workbench inkInk#1D140F
TomatoAccent shapes, booking button (deepened to #D23A1F)#E5452A
SkyKit robot, shapes, promise block#3F92CF
SunflowerShape kit, mission block#F3B534
LeafShape kit, announcement tags#2E9C6F

Type

DisplayAaHanken GroteskWeight 500
BodyAaHanken GroteskWeight 400
MonoAaJetBrains MonoWeight 500

Next projectTravel & tours

Raasta Trails

Related work