waitlistproduct launchsassminimalistlight modeapple inspired

Minimalist Waitlist в стиле Apple

Лендинг для сбора заявок с акцентом на типографику и «тихую роскошь». Включает Hero-секцию с крупным заголовком и форму подписки с градиентной обводкой.

Автор: Shirley LouЖивое превью

Зачем вайб-кодеру

Эта страница идеально подходит для запуска SaaS, когда продукт еще не готов, но нужно собрать базу ранних пользователей. Минимализм не отвлекает от сути, а плавные анимации создают ощущение дорогого, доработанного сервиса. Пользователь сразу видит ценность, а не перегруженный интерфейс. Закинь этот промпт в v0 или Lovable, чтобы развернуть лендинг за пару минут. Поменяй цветовую палитру под свой бренд, если текущий приглушенный синий не вписывается в логотип. Оставь типографику как есть — она дает тот самый премиальный вайб, за который люди прощают отсутствие лишних фич.

Prompt

# Apple-inspired Waitlist

## Style: Quiet Premium

**Color Palette**:
- Background: #FAFAFA
- Primary Text: #1D1D1F
- Secondary Text: #86868B
- Accent: #4F6BA6 (muted blue-gray — NOT standard Apple Blue)
- Muted Accent: #E1E8F5
- Dividers: #D2D2D7 at 40% opacity

**Typography**: Use -apple-system font stack.
- Hero headers: font-size 80-128px, font-weight 600, tracking-tight, line-height 1.1
- Body: font-size 24-30px, font-weight 500, line-height 1.6

**Animations**: All section entries use `transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1)` with 30px Y-axis translate and 0.98 scale-up. MUST maintain 1.5s duration.

**Shadows**: Layered for UI cards:
`0 2px 8px rgba(0,0,0,0.04), 0 24px 48px -8px rgba(0,0,0,0.06), 0 48px 80px -12px rgba(0,0,0,0.04)`

## Sections

### Hero
min-h-[100vh]. Center-aligned massive typographic statement. font-size 96px → 48px mobile. line-height exactly 1.1. Nothing else in this section.

### Section Dividers
1px height div with background-gradient: `linear-gradient(to right, transparent, rgba(210,210,215,0.4), transparent)`. max-w-2xl.

### Waitlist Form
Center-aligned, max-width 448px. Input and button both rounded-full and h-16. Input has 1px gradient border that turns #4F6BA6 on focus.

## Key Components

### Gradient-Border Input
Wrap input in div with 1px padding. Default: bg-gradient from #E5E5EA. On focus-within: gradient changes to from-[#4F6BA6] to-[#7C95C8]. Internal input white, rounded-full. 300ms transition.

### Shimmer CTA Button
Background: linear-gradient(135deg, #4F6BA6, #5D7BB8). background-size: 200%. On hover: shift position + blue shadow `0 10px 30px -10px rgba(79,107,166,0.4)`. 0.6s ease transition.

Все промпты