Colors & Fonts
Fine-tune the visual appearance of your notifications to match your brand.
Accent Color
The accent color applies to borders, icons, and highlights within the notification. Choose from 8 presets or set a custom hex value.
| Preset | Color |
|---|---|
| Shopify Purple | #5c6ac4 |
| Green | #00a047 |
| Blue | #006fbb |
| Red | #de3618 |
| Orange | #f49342 |
| Purple | #9c6ade |
| Cyan | #47c1bf |
| Black | #000000 |
Use the custom color picker to enter any hex value for a pixel-perfect brand match.
Line Colors
Control text colors independently for each line of the notification:
- Line 1 color — applies to the name / city line (e.g. "Someone from New York")
- Line 2 color — applies to the product line (e.g. "just purchased Classic T-Shirt")
This lets you create visual hierarchy — for example, a muted gray for line 1 and a bold black for line 2.
Font Family
| Option | Style |
|---|---|
| System Default | Uses the visitor's OS default font — fastest to load |
| Inter | Clean, modern sans-serif |
| Georgia | Classic serif — suits lifestyle or heritage brands |
| Courier | Monospaced — techy, editorial feel |
| Poppins | Rounded, friendly sans-serif |
Border Radius
Controls how rounded the notification corners are.
- Range: 0 – 24px
- Default: 8px
- 0px = sharp square corners; 24px = pill-shaped
Line Gap
Controls the vertical spacing between line 1 and line 2 of the notification text.
- Range: 0 – 8px
- Default: 4px (balanced readability)
How to Apply
- Open the Nudge dashboard
- Go to Appearance → Style
- Adjust colors, font, radius, and gap
- Check the Live Preview after each change
- Click Save
Consistency matters
Match your accent color to your store's primary CTA button color for a cohesive look.