Files
AOS/skills/design/design-systems/style-skills/riso/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
Riso
primary secondary success warning danger surface text neutral
#F237A1 #2C40A7 #16A34A #D97706 #DC2626 #FFFFFF #111827 #FFFFFF
h1 body-md label-caps sourceScale weights
fontFamily fontSize
Space Grotesk 2rem
fontFamily fontSize
Space Grotesk 1rem
fontFamily fontSize
Overpass Mono 0.75rem
12/14/16/20/24/32 100, 200, 300, 400, 500, 600, 700, 800, 900
sm md
4px 8px
sm md sourceScale
4px 8px 4/8/12/16/24/32

Overview

Playful two-color risograph-inspired system with paper-like warmth, vivid pink actions, and bold blue structure.

Style Foundations

  • Visual style: clean, high-contrast
  • Typography scale: 12/14/16/20/24/32
  • Typography fonts: primary=Space Grotesk, display=Space Grotesk, mono=Overpass Mono
  • Typography weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
  • Color palette: primary, secondary
  • Spacing scale: 4/8/12/16/24/32

Colors

  • Primary (#F237A1): Token from style foundations.
  • Secondary (#2C40A7): 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 (#111827): Token from style foundations.
  • Neutral (#FFFFFF): Derived from the surface token for official format compatibility.