Design Level 1 — Main Menu Items

Settings at Design → Level 1 apply to all top-level items in your menu. This is the base layer — Level 2-3 inherits these values, and per-item settings override them.


Text Style

Field Description Default
Text Color Label text color Theme inherit
Font Size (px) Text size Theme inherit
Font Weight Thickness: 100–900 or Inherit Inherit
Text Transform None / Capitalize / Uppercase / Lowercase None
Font Family Google Font or “Default (Theme)” Default
Description Color Color of the secondary description line 60% opacity of Text Color
Description Size (px) Font size of the description line 70% of Font Size

Icon / Image Style

Field Description Default
Icon Color Color of vector icons Inherits Text Color
Icon Size (px) Icon dimensions 22px
Space Text-Icon (px) Gap between icon and text Auto
Image Radius (px) Corner rounding for thumbnail images 0

Spacing

Field Description Format
Item Padding (px) Inner spacing of each item top right bottom left or mobile \| desktop
Item Margin (px) Outer spacing of each item top right bottom left or mobile \| desktop

Background & Frame

Field Description Default
Background Color Background color of the item area Transparent
Background Image Background image (URL or gallery) None
Opacity Background opacity (0–100) 100
Hide Background Hide background to reveal the device background Off
Height (px) Row height of each item 50px
Border Radius (px) Corner rounding 0
Drop Shadow Drop shadow below items Off
Min Height (px) Minimum item height No limit

Display

Field Description
Display Layout Icon + text arrangement: Auto / Top-Down / Left-Right / Down-Top / Right-Left / Icon Only / Text Only / Empty
Align Content alignment: Auto / Left / Center / Right
Hide Text Hide all text labels — icon only
Show Expand Arrow Show expand arrow on parent items with children

Badge

Field Description
Badge Color Background color for the notification badge/dot on items

Color Templates

Navi+ includes preset color palettes: Light, Dark, Ocean, Sand, Rose, Forest.

Selecting a template auto-fills common color values. You can adjust individual fields after applying.