AI Home Design: Interior DecAI

Colors

• #000000scrim-overlay · modal background dimming overlay with opacity
• #3A3D40dialog-bg-dark · system permission alert container fill
• #4D5154dialog-button-bg · alert action button fill
• #FFFFFFdialog-text-light · dialog title and positive action button text
• #C5C7CAdialog-text-muted · dialog description text

Type

• alert_titleSF Pro Display · 38px · 700 · #FFFFFF
• alert_bodySF Pro Text · 30px · 400 · #C5C7CA
• alert_buttonSF Pro Text · 32px · 600 · #FFFFFF

Elements

• notification_permission_dialog · dialog_modal

  Centered on screen over dark scrim overlay; approx 760 px wide with internal padding approx 48 px. · Dark charcoal rounded card with soft blur effect characteristic of iOS system permission modals.

• dont_allow_button · button

  Left action button in horizontal pair at modal bottom; height approx 90 px. · Dark gray pill button with white text label.

• allow_button · button

  Right action button in horizontal pair at modal bottom; height approx 90 px. · Dark gray pill button with white text label.

Layout

Modal dialog overlay blocking interaction with the underlying dashboard screen.

Notes

Underlying background is identical to Screen 4 but heavily dimmed by a modal scrim.