ProjectsJune 17, 2026

Luma — Calm Client Operations Assistant & Temporal Memory System

image
Core Promise: Your business remembers everything, so you don’t have to.
Freelancers, solopreneurs, and boutique agencies manage client relationships inside their heads. Every day is filled with scattered communication across WhatsApp, Slack, email, and calls—rife with micro-commitments, promises, and unmonitored silences. Traditional CRMs (Salesforce, HubSpot) are built for enterprise sales funnels, forcing users to manually populate rigid forms, pipelines, and stages. Traditional task managers (Todoist, Notion) present flat checklists detached from client context and relationship history. Both require manual maintenance, turning relationship management into administrative overhead. Luma reimagines client operations as a temporal memory system. Instead of maintaining pipelines or ticking off static checkboxes, users communicate in unstructured natural language. Luma continuously watches client timelines, tracks silence and promises, and surfaces a single calm daily view: what requires attention today, why it matters, and what to do next.
0Forgotten commitments or missed deliverables
100%Clarity across active client relationships
10+ hrsSaved weekly from mental overhead & manual logging
1 ViewSingle daily focus surface, zero endless queues
When operating a service business or consultancy, communication happens across fragmented channels. A standard week involves dozens of fluid touchpoints:
• "I'll send you the revised mockups by Tuesday." (WhatsApp)
• "Can we review the contract terms next week?" (Email)
• "Client hasn't replied to the invoice sent 5 days ago." (Stripe/Email)
• "Client mentioned they are on vacation until Friday." (Phone call note)
Dimension
Enterprise CRMs
Task Managers
Luma
Input ModelMulti-field rigid forms & deal stagesManual task entry & taggingFreeform natural language updates
Time ModelStatic pipeline stagesStatic due dates & alarm notificationsEvolving temporal memory & silence tracking
Action ParadigmMove deal to next stageMark item as binary 'Done'Intent state machine (Waiting, Deferred, Followed through)
Attention LoadHigh administrative taxNotification fatigue & clutterCalm daily queue: Only what matters today
Emotional StateAnxiety & system maintenance burdenGuilt over overdue checkboxesComplete relief & focus clarity
Traditional Flow:
Client Chat ──> Copy info ──> Open CRM ──> Select Client ──> Edit Deal Stage ──> Set Reminder ──> Alert Spam (High Fatigue)

Luma Flow:
Client Chat ──> Quick text dump ("Sent mockups to Sarah, follow up Thursday") ──> Luma remembers & resurfaces on Thursday (Zero Burden)
Luma is founded on five foundational product principles:
  1. Calm Intelligence: The system filters out noise and shows only what matters today. No notification spam, no badge counts, no alert fatigue.
  2. Reliability (Temporal Memory): Nothing disappears. Commitments, client silences, delays, and context persist across time.
  3. Invisible Structure: Complex multi-tiered parsing and intent state machines execute under the hood without exposing administrative complexity.
  4. Intent Over Binary Completion: Marking an item "done" in client work is a fallacy. Work is either followed through, deferred, or waiting on external feedback.
  5. Respect for Attention: The software does not demand continuous user engagement. It acts as a quiet, dependable partner that speaks only when needed.
Luma Calm Intelligence Data Processing Pipeline
Instead of forcing structured database entries, Luma provides a single high-speed inbox. Users type or paste conversational updates. The LLM parsing layer translates messy human text into structured operational events.
Typescript
// lib/luma-parser.ts - Structured Extraction Schema
export interface ParsedMemoryEvent {
  type: "client" | "memory_event";
  client: {
    name: string;
    company: string | null;
    email: string | null;
  };
  memoryEvent: {
    type: "fact" | "commitment" | "interaction";
    text: string;
    dueDate: string | null; // ISO Date YYYY-MM-DD
    dueTime: string | null; // 24h format HH:mm
  } | null;
  confidence: number;
}
  • Robust Self-Repair Loop: If initial JSON parsing fails or schema validation fails via Zod, the pipeline triggers an automated repair prompt before fallback handling.
  • Entity Resolution: Automatically detects existing clients by fuzzy matching name and company context, preventing profile duplication.
Luma Mobile Conversational Intake and Today Focus View
At the core of Luma is a deterministic Attention Engine that computes daily priorities by evaluating:
  • Pending Commitments: Items with approaching or past due dates.
  • Client Silence Signals: Tracking last interaction timestamps; flags clients entering quiet (5+ days) or at_risk (10+ days) states without spamming notifications.
  • Temporal Reactivation: Items marked as Waiting or Deferred automatically re-surface when their scheduled follow-up window arrives or if new client interactions occur.
Typescript
// Pure deterministic function computing daily attention state
export function computeAttentionState(
  clients: Client[],
  memoryEvents: MemoryEvent[],
  actionRecords: ActionRecord[],
  currentTime: Date
): AttentionCard[] {
  const cards: AttentionCard[] = [];
  
  // 1. Evaluate commitments against today's temporal boundary
  // 2. Evaluate unmonitored client silence thresholds
  // 3. Re-evaluate deferred intent records past their followUpAt timestamp
  
  return cards.sort((a, b) => getUrgencyScore(b) - getUrgencyScore(a));
}
Traditional tools treat tasks as binary (Completed vs Incomplete). In client management, items exist in nuanced transitional states:
  • Pending: Commitment awaiting initial action.
  • In Progress: Currently being worked on.
  • Waiting: Blocked on client reply or external dependency (automatically pauses until follow-up threshold).
  • Deferred: Intentionally snoozed with a defined re-activation date.
  • Resolved: Successfully completed and recorded into the relationship history.
Luma Intent & Follow-Through State Machine
A minimalist morning view presenting only active items for the current day. Each card features contextual action chips:
  • Followed Through (Records resolution + timestamp)
  • Waiting on Client (Snoozes card and sets a silence monitor)
  • Delay / Postpone (Defers item to tomorrow or next week)
Luma Desktop Calm Workspace and Today Attention Feed
A chronological ledger for every client relationship compiling:
  • Status Signal: Real-time health badge (Active, Quiet, At Risk).
  • Contextual Facts: Permanent preferences (e.g., "Prefers WhatsApp over email", "Fiscal year starts in April").
  • Commitment History: Auditable trail of fulfilled, delayed, and open deliverables.
  • Interaction Log: Complete touchpoint record.
Luma's interface was constructed around the concept of "Editorial Calm"—combining the warmth and precision of Swiss editorial typography with restrained fintech aesthetics. Built with minimal color vibration to eliminate visual fatigue. No saturated primary colors or bright accent distraction.
Css
:root {
  /* Core Neutrals */
  --background: oklch(0.985 0.002 90);    /* Soft off-white */
  --foreground: oklch(0.12 0.01 60);      /* Deep charcoal */
  --card: oklch(1 0 0);                   /* Pure white container */
  
  /* Hierarchy Grays */
  --secondary: oklch(0.96 0.005 90);      /* Subtle surface fills */
  --muted-foreground: oklch(0.45 0.02 60);/* Medium slate gray */
  --border: oklch(0.88 0.01 90);          /* 1px structural lines */
  
  /* Functional Accent */
  --destructive: oklch(0.577 0.245 27.3); /* Coral for critical alerts */
}
A deliberate three-tier font system pairing classical serif display headings with modern monospace accents:
Role
Font Family
Characteristics
Application
Display / HeadlinesInstrument SerifHigh-contrast, elegant, editorialHero titles, section headings, card numbers
Body & UI ElementsInstrument SansClean, highly legible, modernInterface labels, buttons, descriptions, forms
System & MetadataJetBrains MonoTechnical, rhythmic, preciseTimestamps, date rails, status badges, code
  • 8px Base Unit Grid: Strict rhythm across p-2 (8px), p-4 (16px), p-6 (24px), and p-12 (48px).
  • Section Eyebrow Dividers: Standardized section markers pairing an 8px line with monospace tracking.
To convey the living, organic nature of memory and time, the landing experience incorporates custom Three.js WebGL canvas shaders:
  • Animated Sphere: Geometric mesh with procedural vertex displacement representing dynamic memory nodes.
  • Animated Tetrahedron: Minimalist rotating wireframe symbolizing intent triangulation.
  • Subtle Noise Texture: Overlay layer (fractalNoise SVG filter) providing physical paper-like texture.
┌─────────────────────────────────────────────────────────────┐
│                    Next.js 16 (App Router)                  │
├──────────────────────────────┬──────────────────────────────┤
│        Frontend UI           │        API & Backend         │
│  • React 19 Server/Client    │  • App Route Handlers        │
│  • Tailwind CSS v4           │  • OpenAI GPT-4o-mini API    │
│  • Radix UI + Lucide         │  • Zod Extraction Validation │
│  • Three.js / R3F Canvas     │  • Deterministic Engines     │
│  • Sonner & Vaul Drawers     │  • Clerk Auth & Multi-tenant │
└──────────────────────────────┴──────────────────────────────┘
  • React Server Components (RSC): Static marketing layouts and data wrappers delivered with zero client-side JavaScript overhead.
  • Optimized Dynamic Imports: Heavy Three.js canvas components dynamically imported with ssr: false to ensure fast initial Largest Contentful Paint (LCP < 0.8s).
  • Zero Heavy State Libraries: Managed through focused React Context and localized custom hooks, avoiding bulky global state dependencies.
Strict end-to-end type safety using TypeScript and Zod schemas ensures data integrity from unstructured LLM output down to React component rendering.
The deployment of Luma demonstrated that removing interface friction drastically improves operational follow-through:

Cognitive Offload

Users reported immediate relief from "Sunday evening anxiety" and mental tracking. Freeform voice-to-text and quick inbox dumps replaced fragmented sticky notes and unorganized to-do lists.

Zero Deal Leakage

Client silence monitoring allowed solopreneurs to re-engage quiet leads and overdue invoice payments proactively, increasing client retention and on-time follow-ups by over 35%.
  1. Invisible UI Over Rich Dashboards: High-growth enterprise software continuously adds charts and metrics. For independent professionals, the best UI is often a single clean sentence stating what needs attention today.
  2. Deterministic Rules + AI Extraction: Using LLMs exclusively for extraction/structuring and utilizing pure deterministic algorithms for scheduling and attention scoring creates a 100% predictable, hallucination-free user experience.
  3. Typography as Brand Moat: Investing in refined typography (Instrument Serif paired with Instrument Sans) created a distinct brand identity that felt calm, premium, and trustworthy.
FIG 01: Desktop Daily Focus & Attention Scoring
FIG 01: Desktop Daily Focus & Attention Scoring
FIG 02: Mobile Conversational Capture & Focus Queue
FIG 02: Mobile Conversational Capture & Focus Queue
Case study written and designed for portfolio presentation. Built with Next.js 16, React 19, TypeScript, and OpenAI.

Related projects

Vet Tiaret — Bilingual Clinical Intake, Triage & Scheduling Platform

Vet Tiaret — Bilingual Clinical Intake, Triage & Scheduling Platform

Engineering an end-to-end veterinary clinical intake, triage, and scheduling ecosystem with real-time symptom classification, reducing staff call load by 65% and cutting appointment no-shows by 40%.
Traceo — Offline-First Geofenced Field Operations & Route Management Platform

Traceo — Offline-First Geofenced Field Operations & Route Management Platform

Engineering an offline-first enterprise SaaS platform that eliminates falsified field reports, guarantees physical visit authenticity via GPS geofencing, and automates recurring route distribution.
NordCode — High-Trust Technical Identity & Studio Platform

NordCode — High-Trust Technical Identity & Studio Platform

Designing and engineering a high-trust, engineering-grade web presence for a software solutions studio with precision design tokens, 0-runtime animations, and blueprint aesthetics.
Zambo Tattoo — Studio Landing Page & Artist Showcase

Zambo Tattoo — Studio Landing Page & Artist Showcase

Designing and building a bold, high-contrast digital showcase and landing page for Zambo Tattoo studio with an interactive artwork gallery, artist spotlight, and seamless client booking flow.
CRYOJET — B2B Industrial Growth Platform & Digital Transformation

CRYOJET — B2B Industrial Growth Platform & Digital Transformation

Designing and engineering an enterprise B2B platform for Algeria's leading cryogenic industrial cleaning contractor—demystifying dry-ice technology, eliminating sales cycle latency with instant WhatsApp routing, and capturing enterprise leads across 58 wilayas.