Files
AOS/skills/design/design-systems/style-skills/vibrant/DESIGN.md
T
Z User e45b68bb8b feat: IMAP mail sync with thread-to-contact matching (PRD §6.1)
Real IMAP connection via imapflow library:
- Connects to IMAP server (IMAPFlow, TLS on port 993)
- Fetches recent messages (configurable limit, default 20)
- Extracts: from, fromEmail, subject, date, snippet (200 chars)
- Thread-to-contact matching (PRD §6.1):
  1. Match sender email against persons table
  2. If no person match, extract domain and match against company.website
  3. Returns matchedCompany + matchedPerson for each email
- Audit-logged (action: crm.mailsync:imap)
- Zod validated (host, port, user, password, folder, limit)
- 502 on IMAP connection failure with detail
- 400 on validation failure

Tested: invalid creds → 502 'IMAP connection failed', missing host → 400
2026-10-27 22:50:50 +00:00

1.5 KiB
Executable File

name, colors, typography, rounded, spacing
name colors typography rounded spacing
Vibrant
primary secondary success warning danger surface text neutral
#7C61D4 #EAAE87 #16A34A #D97706 #DC2626 #FFFFFF #2F281D #FFFFFF
h1 body-md label-caps sourceScale weights
fontFamily fontSize
Fascinate 2.5rem
fontFamily fontSize
Noto Sans 1rem
fontFamily fontSize
Fira Code 0.875rem
14/16/18/24/32/40 100, 200, 300, 400, 500, 600, 700, 800, 900
sm md
4px 8px
sm md sourceScale
2px 4px 2/4/8/12/16/24/32/48

Overview

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

Style Foundations

  • Visual style: modern, clean, bold, playful
  • Typography scale: 14/16/18/24/32/40
  • Typography fonts: primary=Noto Sans, display=Fascinate, mono=Fira Code
  • Typography weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
  • Color palette: primary, secondary, neutral, success
  • Spacing scale: 2/4/8/12/16/24/32/48

Colors

  • Primary (#7C61D4): Token from style foundations.
  • Secondary (#EAAE87): Token from style foundations.
  • Success (#16A34A): Token from style foundations.
  • Warning (#D97706): Token from style foundations.
  • Danger (#DC2626): Token from style foundations.
  • Surface (#FFFFFF): Token from style foundations.
  • Text (#2F281D): Token from style foundations.
  • Neutral (#FFFFFF): Derived from the surface token for official format compatibility.