Presentation

Presentation Notes

This page uses the whybit homepage as a reference: the brand story, product lineup, and the visuals that make the site feel crisp and modern.

Slide 1: Whybit in one sentence

• whybit is a tiny robotics / electronics maker brand for people who ask "why?"
• Tagline: think it. build it. vibe it.
• The homepage opens with a direct brand promise: tiny things, big why's.

Slide 2: The product story

• t-01 · explorer — coming soon, ESP32-C3 tracked robot with differential steering, animated OLED eyes, and ESP-NOW radio.
• t-01 · explorer kit — DIY solder-it-yourself kit with every part, every screw, every track.
• isro moon-rover kit — a tiny Pragyan-inspired rover with three swappable attachments: arm, drill, and camera.

Slide 3: The brand narrative

• The manifesto repeats: make robotics easy, turn curiosity into creation, everything starts small, think it. build it. vibe it.
• The site is built around the idea that robotics should feel approachable, playful, and meaningful.
• A small orange dot in the logo reinforces the brand accent and feels like a visual full stop.

Slide 4: Design and interaction

• Minimal color palette with black, white, and orange accent.
• Large typographic hierarchy for hero sections and product headlines.
• A marquee strip creates motion and energy across the page.
• Light / dark theme support plus subtle cursor glow on desktop.

Slide 5: Technical implementation

• Static site using HTML/CSS/JS with Vue 3 and Vue Router for page navigation.
• Tailwind is loaded via CDN with a custom theme extension.
• No backend needed — everything is static content and small JS interactions.

Slide 6: Deployment and domain setup

• The website is hosted through GitHub / Cloudflare Pages.
• Use branch main as production or whybit-update for preview work.
• For static sites like this, the deploy should publish the repo files directly with no build step.

Slide 7: Key takeaways

• whybit is about making tiny robotics accessible and emotionally engaging.
• The website uses motion, typography, and a small set of product stories to communicate the brand.
• The simplest technical setup keeps deployment reliable and easy to maintain.