Alerts & Banners
Contextual feedback messages for errors, warnings, and rate limits. Patterns from InputBar and GradingScreen.
Mic Permission Denied
Amber warning shown in InputBar when browser mic access is denied. Falls back to text input.
Доступ до мікрофона заборонено -- використовуй текстове поле.
Rate Limit Banner (countdown)
Destructive banner from InputBar when AI rate limit is hit. Shows countdown timer, CTA button, and dismiss X.
Ліміт AI вичерпано -- Спробуй через ~30с.
Rate Limit Banner (daily)
Same destructive banner pattern but with daily limit text.
Ліміт AI вичерпано -- Денний ліміт вичерпано -- скидається завтра.
Grading Error
Centered error state from GradingScreen. Shown when grading API fails. Includes retry and home links.
Не вдалося сформувати результат
Можливо, вичерпано ліміти API або зник інтернет. Спробуй ще раз або поверніться пізніше.
Generate Error (SetupForm)
Error card from SetupForm when prompt generation fails. Uses destructive/30 border with bg-destructive/5.
Ліміт AI вичерпано
Денний ліміт запитів закінчився. Спробуй завтра або отримай розширений доступ.
Отримати доступ →
Need a design system like this?
I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.
Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer