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 вичерпано
Денний ліміт запитів закінчився. Спробуй завтра або отримай розширений доступ.
Отримати доступ →
VoiceMock was built by one designer
I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.
Product Designer · AI Design Engineer · Designer for Startups
See it on LinkedIn