PARADISE DAY PLANNER
Claude Opus 4.6 Thinking +
Вставь этот промпт перед своим наговоренным планом:
Создай минималистичный интерактивный React-артефакт — расписание дня в стиле Create Paradise Now.
ДИЗАЙН:
— Основной шрифт: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif — ЧИТАЕМЫЙ, 15-16px, weight 500
— Шрифт часов: "Helvetica Neue", Helvetica, Arial — fontSize 30, fontWeight 300, letterSpacing 2, золотой. БЕЗ monospace, БЕЗ засечек.
— Шрифт времени в слотах: "Helvetica Neue" — fontSize 12, letterSpacing 1, золотой
— НЕ ИСПОЛЬЗУЙ serif-шрифты (Cormorant, Georgia и т.д.)
— Золотые акценты: #D4A843
— Заметки: 12px, приглушённый
HEADER (верхняя строка, flex space-between):
— СЛЕВА: кнопка 🔥 "Зажечь" — при нажатии открывается панель мотивационных цитат из философии Create Paradise Now (12+ цитат). Стрелки ← → для листания. Рандомная цитата при открытии. Фиолетовый пульсирующий glow (#A855F7) когда открыта. При повторном нажатии — скрывается.
— СПРАВА: маленькая кнопка ☀️/🌙 переключения темы (незаметная, 11px) + живые часы (fontSize 30, золотой, "Helvetica Neue")
ПАНЕЛЬ ЦИТАТ (между header и заголовком, показывается по нажатию 🔥):
— Фон: rgba(168,85,247,0.06), border фиолетовый
— Текст цитаты: 14px, italic, цвет текста темы
— Источник: 10px, фиолетовый, приглушённый
— Кнопки ← → (28×28px, круглые, фиолетовая рамка)
— Цитаты из философии: Hedonic Productivity, MED + Quantum Leaps, Matrix, Sensory Receptivity, Paradise Loop, Moments of Paradise, Depreciation Clock
ДВЕ ТЕМЫ:
— Тёмная: фон #08080D, текст #E8E4D9
— Светлая: фон #FAFAF8, текст #1A1A1A
— ВСЕ цвета адаптируются через объект themes: card, cardBorder, cardDone, text, textDim, gold, paradise, noteBg, noteBorder, noteText, check, strike, titleColor, titleGlow, quoteBg, quoteBorder
ЗАГОЛОВОК:
— "CREATE PARADISE NOW" — fontSize 22, fontWeight 800, letterSpacing 5, золотой, textShadow glow. По центру.
— Под ним: дата + тема дня, мелкий monospace
ТРИ СЧЁТЧИКА (горизонтально, одинаковой ширины):
— 🌳 ДЕРЕВО (MED): зелёная рамка (#2ECC71). Счётчик выполненных/всего деревьев.
— 🌋 Q. LEAP: оранжевая рамка (#F97316). Счётчик выполненных/всего вулканов.
— ✨ AWE: фиолетовая рамка (#A855F7). Число = количество слотов (один AWE-момент на час). Подпись "моментов рая".
— Каждый слот помечен isTree: true/false. Деревья = ежедневный рост. Вулканы = стратегический взрыв.
ПРОГРЕСС-БАР:
— Фиолетовый градиент (#A855F7 → #C084FC), height 5px, borderRadius 3
— ДУБЛИРОВАТЬ: один сверху (под счётчиками), один внизу (после последнего слота)
— При 100% — зелёный градиент (#2ECC71 → #27AE60)
— Под баром: слева n/total, справа процент
МАНТРА: одна строка курсивом под верхним прогресс-баром. Контекстная к плану дня.
СТРУКТУРА СЛОТОВ:
— Слева: чекбокс 24×24px, borderRadius 7, золотая рамка. При нажатии → зелёная рамка + зелёный фон + ✓. Весь слот зеленеет.
— Время: "Helvetica Neue", золотой, формат "HH:MM → HH:MM"
— Задача: fontSize 16, weight 500. Начинается с 🌳 или 🌋. При выполнении — line-through.
— Секция "✨ AWE / МОМЕНТ РАЯ": заголовок fontSize 9, fontWeight 700, letterSpacing 2, цвет #A855F7, opacity 0.7. Под ним — элементы рая: fontSize 13, italic, золотой цвет paradise из темы, каждый на отдельной строке с эмодзи (fontSize 15).
— Справа: кнопка раскрытия ▾ — 32×32px, borderRadius 8, с фоном и рамкой. При открытии: фиолетовый фон rgba(168,85,247,0.1), рамка rgba(168,85,247,0.2), rotate(180deg), цвет #A855F7. Заметная и красивая.
— Цветная полоска слева: borderLeft 3px — зелёная (#2ECC71) для деревьев, оранжевая (#F97316) для вулканов. При выполнении — rgba(46,204,113,0.4).
— При клике на ▾ или на слот — раскрываются заметки: fontSize 12, цвет noteText, padding 10-14px, borderRadius 8, фон noteBg, borderLeft 2px золотой noteBorder. Анимация fadeIn.
ALL DONE STATE: при 100% — карточка внизу с 🌋🌳✨, зелёный текст, поздравление.
СТИЛЬ: максимальный минимализм. Много воздуха. maxWidth 540px. Плавные transition 0.3s на всём.
Вот мой план (наговорено голосом, интерпретируй смысл):
ДИЗАЙН:
— Основной шрифт: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif — ЧИТАЕМЫЙ, 15-16px, weight 500
— Шрифт часов: "Helvetica Neue", Helvetica, Arial — fontSize 30, fontWeight 300, letterSpacing 2, золотой. БЕЗ monospace, БЕЗ засечек.
— Шрифт времени в слотах: "Helvetica Neue" — fontSize 12, letterSpacing 1, золотой
— НЕ ИСПОЛЬЗУЙ serif-шрифты (Cormorant, Georgia и т.д.)
— Золотые акценты: #D4A843
— Заметки: 12px, приглушённый
HEADER (верхняя строка, flex space-between):
— СЛЕВА: кнопка 🔥 "Зажечь" — при нажатии открывается панель мотивационных цитат из философии Create Paradise Now (12+ цитат). Стрелки ← → для листания. Рандомная цитата при открытии. Фиолетовый пульсирующий glow (#A855F7) когда открыта. При повторном нажатии — скрывается.
— СПРАВА: маленькая кнопка ☀️/🌙 переключения темы (незаметная, 11px) + живые часы (fontSize 30, золотой, "Helvetica Neue")
ПАНЕЛЬ ЦИТАТ (между header и заголовком, показывается по нажатию 🔥):
— Фон: rgba(168,85,247,0.06), border фиолетовый
— Текст цитаты: 14px, italic, цвет текста темы
— Источник: 10px, фиолетовый, приглушённый
— Кнопки ← → (28×28px, круглые, фиолетовая рамка)
— Цитаты из философии: Hedonic Productivity, MED + Quantum Leaps, Matrix, Sensory Receptivity, Paradise Loop, Moments of Paradise, Depreciation Clock
ДВЕ ТЕМЫ:
— Тёмная: фон #08080D, текст #E8E4D9
— Светлая: фон #FAFAF8, текст #1A1A1A
— ВСЕ цвета адаптируются через объект themes: card, cardBorder, cardDone, text, textDim, gold, paradise, noteBg, noteBorder, noteText, check, strike, titleColor, titleGlow, quoteBg, quoteBorder
ЗАГОЛОВОК:
— "CREATE PARADISE NOW" — fontSize 22, fontWeight 800, letterSpacing 5, золотой, textShadow glow. По центру.
— Под ним: дата + тема дня, мелкий monospace
ТРИ СЧЁТЧИКА (горизонтально, одинаковой ширины):
— 🌳 ДЕРЕВО (MED): зелёная рамка (#2ECC71). Счётчик выполненных/всего деревьев.
— 🌋 Q. LEAP: оранжевая рамка (#F97316). Счётчик выполненных/всего вулканов.
— ✨ AWE: фиолетовая рамка (#A855F7). Число = количество слотов (один AWE-момент на час). Подпись "моментов рая".
— Каждый слот помечен isTree: true/false. Деревья = ежедневный рост. Вулканы = стратегический взрыв.
ПРОГРЕСС-БАР:
— Фиолетовый градиент (#A855F7 → #C084FC), height 5px, borderRadius 3
— ДУБЛИРОВАТЬ: один сверху (под счётчиками), один внизу (после последнего слота)
— При 100% — зелёный градиент (#2ECC71 → #27AE60)
— Под баром: слева n/total, справа процент
МАНТРА: одна строка курсивом под верхним прогресс-баром. Контекстная к плану дня.
СТРУКТУРА СЛОТОВ:
— Слева: чекбокс 24×24px, borderRadius 7, золотая рамка. При нажатии → зелёная рамка + зелёный фон + ✓. Весь слот зеленеет.
— Время: "Helvetica Neue", золотой, формат "HH:MM → HH:MM"
— Задача: fontSize 16, weight 500. Начинается с 🌳 или 🌋. При выполнении — line-through.
— Секция "✨ AWE / МОМЕНТ РАЯ": заголовок fontSize 9, fontWeight 700, letterSpacing 2, цвет #A855F7, opacity 0.7. Под ним — элементы рая: fontSize 13, italic, золотой цвет paradise из темы, каждый на отдельной строке с эмодзи (fontSize 15).
— Справа: кнопка раскрытия ▾ — 32×32px, borderRadius 8, с фоном и рамкой. При открытии: фиолетовый фон rgba(168,85,247,0.1), рамка rgba(168,85,247,0.2), rotate(180deg), цвет #A855F7. Заметная и красивая.
— Цветная полоска слева: borderLeft 3px — зелёная (#2ECC71) для деревьев, оранжевая (#F97316) для вулканов. При выполнении — rgba(46,204,113,0.4).
— При клике на ▾ или на слот — раскрываются заметки: fontSize 12, цвет noteText, padding 10-14px, borderRadius 8, фон noteBg, borderLeft 2px золотой noteBorder. Анимация fadeIn.
ALL DONE STATE: при 100% — карточка внизу с 🌋🌳✨, зелёный текст, поздравление.
СТИЛЬ: максимальный минимализм. Много воздуха. maxWidth 540px. Плавные transition 0.3s на всём.
Вот мой план (наговорено голосом, интерпретируй смысл):
Дальше просто вставляешь свой наговоренный текст. Всё.
