Amie

Amie's design system is "The Joyful Productivity App." It is a playful, colorful, and highly approachable environment that blurs the line between a calendar,…

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: Amie

Overview

Amie's design system is "The Joyful Productivity App." It is a playful, colorful, and highly approachable environment that blurs the line between a calendar, a to-do list, and a social network.

Design Philosophy

Productivity as Joy: Rejects the "cold" productivity aesthetic for one that is warm, bouny, and delightful.
Soft Tactility: Uses large border radii (12px+) and soft background colors to feel friendly and human.
Vibrant Personality: Integrates emojis, avatars, and playful animations as core parts of the user experience.
Seamless Integration: Designed to make "scheduling a coffee" feel as easy as sending a message.

Colors

Amie Pink/Red (#FF6363): A warm, high-energy accent used for the brand logo and primary actions.
Pastel Palette: Uses a wide range of soft pastels for different task categories and calendar events.
Clean Grays: Uses very light, warm greys for backgrounds and borders to keep the UI feeling airy.

Typography

Inter: Provides a stable, readable foundation for the playful UI elements.
Bold Friendliness: Uses heavy weights for headers and "Success" states to create a confident, positive voice.

Components

The "Magic" Task Bar: A bottom-anchored, highly-rounded bar that allows for fast task entry and drag-to-calendar.
User Avatars: Large, colorful circular images with integrated status indicators.
Event Tiles: Soft, rounded rectangles with integrated emojis and high-contrast text.

Visual Effects

Bouncy Animations: Uses spring-based motion for dragging tasks and opening menus to reinforce the "joyful" feel.
Soft Glows: Uses subtle background glows for active tasks or notifications.
Confetti: Occasional use of celebratory animations for reaching "Inbox Zero" or completing goals.

Amie

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: Amie

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents