Rabbit

Rabbit's design system is "The AI Companion." It is characterized by its iconic fluorescent orange color, a high-tech-meets-lo-fi aesthetic, and a focus on s…

High Quality

Join 0+ developers using this skill

skill

Designs

intermediate

0 installs

4/5 quality

View Source

Last updated: June 19, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Install Command

Source: https://github.com/whyashthakker/design-md-templates-skills?ref=explainx

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Design System: Rabbit

Overview

Rabbit's design system is "The AI Companion." It is characterized by its iconic fluorescent orange color, a high-tech-meets-lo-fi aesthetic, and a focus on speech-to-action interactions.

Design Philosophy

The Orange Beacon: The Rabbit Orange (#ff5722) is the single brand signal, representing energy, intelligence, and the "R1" device.
Lo-Fi High-Tech: Combines pixel-art elements and monospace fonts with cutting-edge AI features, creating a "retro-futuristic" vibe.
Modal Simplicity: The UI is designed to be experienced in small bursts—cards, voice snippets, and focused status screens.
The Mascot Voice: Integrated animations of the Rabbit mascot provide a human-like feedback loop for AI processing.

Colors

Fluorescent Orange (#FF5722): Used for the primary device chassis and all critical UI actions.
Stark Monochrome: Uses pure Black and White to ensure the Orange remains the absolute hero.
Dark Void: Backgrounds are almost always pure black to minimize eye strain and save power on OLED screens.

Typography

Geometric Sans: Used for the primary interface to provide a clean, modern look.
Monospace Accents: Uses Mono fonts for "Terminal" or "Processing" states to reinforce the technical nature of the AI.

Components

The PTT (Push-To-Talk) Ring: A large, circular orange indicator that pulses when the AI is listening.
LAM (Large Action Model) Cards: Simple, monochrome cards that display the result of an action (e.g., booking a ride, ordering food).
The Scrolling Carousel: A vertical or horizontal list of focused interactions, often controlled by a scroll wheel.

Visual Effects

Pulse & Glow: The Rabbit Orange often features a subtle glow or pulse to indicate "thinking" or "listening."
Scanlines: Subtle horizontal lines in the background to simulate a terminal or CRT display.
Snappy Transitions: Animations are fast and mechanical, mimicking the speed of a hardware device.

Rabbit

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: Rabbit

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents