19 lines
1.0 KiB
Markdown
19 lines
1.0 KiB
Markdown
---
|
|
name: flutter-luxury-ui
|
|
description: >-
|
|
Ultra-luxury Flutter & Web UI Design System.
|
|
Use when building fluid animations, glassmorphism, Cupertino styling, custom painters,
|
|
and tactile mobile/web experiences in Flutter and responsive frontends.
|
|
---
|
|
|
|
# Luxury Flutter & Web UI Engineering Standards
|
|
|
|
This skill provides the architectural foundation for building multi-platform applications with Apple-grade fidelity.
|
|
|
|
## Key Principles:
|
|
1. **Typography:** SF Pro / SF Arabic & Alexandria with precise optical sizing and letter-spacing (`-0.015em`).
|
|
2. **Atmospheric Lighting:** Deep OLED dark canvases (`#000000`) accented with subtle radial ambient glow orbs.
|
|
3. **Materials & Depth:** Frosted glass cards with `BackdropFilter` (Flutter) or `backdrop-filter: blur(24px)` (Web).
|
|
4. **Fluid Curves:** Cupertino bezier curves (`Curves.easeOutCubic` / `cubic-bezier(0.16, 1, 0.3, 1)`).
|
|
5. **Tactile Micro-interactions:** Instant responsive feedback, subtle scale transformations on touch/hover (`transform: scale(0.98)` on press, `scale(1.02)` on hover).
|