Khang
All work

Thỏ Bảy Màu

A character and book website for Thỏ Bảy Màu, also known as Rainbow Bunny.

The bunny, Gấu and Xô together in a pencil drawing on torn paper.
The owner's illustrated characters give the website its identity.

At a glance

What it is
A website that introduces the Thỏ Bảy Màu characters, known in English as Rainbow Bunny, and their books.
My role
Solo freelance developer, working from original artwork the owner supplied.
What I built
  • Hero with moving rows of character artwork
  • Title hover that reveals the illustrated room
  • Character introductions and a book section from supplied artwork
Stack
  • SvelteKit
  • Svelte
Status
Past website project

My part was the website itself, including its movement and layout. The characters, illustrations and book artwork belong to their creators.

What people use it for

Thỏ Bảy Màu, often shortened to T7M and known in English as Rainbow Bunny, has a cast of illustrated characters and published books. The website introduces that world through the owner's original artwork. I built the website solo, including the character-led hero and the sections introducing the cast and books.

  1. Enter

    Meet the cast through the animated hero.

  2. Explore

    Read the character introductions.

  3. Read

    Discover the books alongside their artwork.

The bunny gaming, Gấu at a desk and Xô reading in an illustrated evening room.
A shared room brings the cast together in one scene.

Let the characters introduce their world

The supplied artwork includes the bunny gaming in a shared room, Gấu at a desk and Xô reading. Other poses bring the characters together in different combinations.

I built a hero with moving rows of character artwork and a title interaction that reveals the illustrated room. The character-introduction section continues with the same supplied cast. The website's movement and composition are my implementation; the illustrations are the owner's material.

Thỏ Bảy Màu book-cover artwork presented as an illustrated paper book.
The book artwork carries the same characters into print.

Give the books a place alongside the cast

The book section carries the characters into their publishing work. I built it around the supplied book-cover artwork so visitors could recognize the connection between the cast and the books.

A website built around the owner's artwork

The original website includes the animated character-row hero, character introductions and book sections. I built the site solo, using the original visual material supplied by the owner.

Your characters deserve a website too.

I can build around artwork you already have.

Implementation notes

Original SvelteKit implementation

The original project uses SvelteKit and Svelte components. Its hero combines moving character rows with a title-hover treatment that reveals the illustrated room. Character and book sections reuse the owner's supplied artwork.

Project and authorship scope

This case describes the original website implementation retained in my project archive. A current public deployment has not been verified. Illustration and character authorship remain with the owner and creators; my contribution is solo website development.