Family

Family's design system is "The Delightful Wallet." It brings a high-fidelity, consumer-grade polish to the crypto space, focusing on fluid motion, glass-like…

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

Overview

Family's design system is "The Delightful Wallet." It brings a high-fidelity, consumer-grade polish to the crypto space, focusing on fluid motion, glass-like materials, and intuitive security.

Design Philosophy

Digital Craftsmanship: Every detail—from the corner smoothing to the shadow depth—is tuned to a level of "perfect" polish.
Trust through Delight: Uses friendly, colorful UI and smooth animations to reduce the anxiety associated with financial transactions.
Material Depth: Heavy use of translucency and multi-layered shadows to create a sense of physical layering.
Mobile-First Luxury: Designed for touch, with large interactive targets and high-contrast feedback.

Colors

Family Blue (#0062FF): A vibrant, modern blue that represents trust and the brand's digital identity.
Midnight (#111111): The signature dark mode foundation, providing a premium, "OLED-friendly" canvas.
Soft Aqua (#D5F3FE): Used for "Connect" buttons and secondary highlights to create a friendly, approachable feel.

Typography

Inter: Provides a clean, neutral voice that supports the brand's high-fidelity visuals.
Hierarchy: Uses font weights and subtle color shifts (Grey to Black) to guide the user through complex transaction data.

Components

ConnectKit Modal: A signature, highly-polished overlay with rounded corners (20px) and integrated wallet options.
Transaction Cards: Feature high-radius rounding and large, colorful icons for different assets and tokens.
The "Pill" Status: Large, rounded status badges for "Success," "Pending," or "Error" with vibrant background glows.

Visual Effects

Glassmorphism: Uses backdrop-filter: blur(20px) and translucent white/black for modals and menus.
Inner Glows: Uses subtle 1px inner shadows to simulate light hitting the edge of a physical device.
Fluid Motion: Interactions feature spring-based animations that feel organic and responsive.

Family

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: Family

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents