Skip to content

UI Guidelines

Alex Manochio edited this page Apr 6, 2026 · 1 revision

SafeOS UI Guidelines

Layout

  • Bottom taskbar with:
    • Start button (SafeMenu)
    • Pinned apps
    • System tray
    • Clock and calendar

Typography

  • Primary font: Noto Sans
  • Weight usage:
    • Regular for body text
    • Medium for headings
    • Bold for titles

Color Palette

  • Accent Blue: #0078D4
  • Dark Background: #1E1E1E
  • Light Background: #F5F5F5
  • Warning: #F3C23A
  • Error: #D13438
  • Success: #107C41

Controls

  • Buttons: Rounded 4px, flat, hover elevation.
  • Dialogs: Centered, with SafeOS iconography.
  • Inputs: Dark or light depending on theme.

Clone this wiki locally