Skip to main content

Design System Foundation

Architectural rigor for an agentic enterprise.

Built to strictly enforce non-negotiable design directives across both marketing showroom and enterprise workspace surfaces. No gradients, no glassmorphism, 1px hairline precision, and exact optical sizing.

Rule 1 & 2: TypographyGA

DM Sans (opsz 9–40pt) + DM Mono (strictly max weight 500). No other font families allowed.

Rule 3 & 4: Contrast PairsGA

Light uses --blue / --teal. Dark uses --blue-light / --teal-bright. Never crossed.

Rule 5: Radius LockingGA

Architectural 4px, 8px, and 12px radii only. No pill shapes or values exceeding 12px.

Rule 6: 1px HairlinesGA

Standard shadows removed. Strict 1px hairline rules (--rule-light / --rule-dark).

Design Tokens

Semantic Color & Rule Tokens

Tailwind configuration exposes only these curated tokens to guarantee brand fidelity and WCAG contrast conformance.

Canvas Tokens

--ink (#0A1622)Dark Bg
--ink-2 (#10202F)Raised Dark
--paper (#F1F4F8)Light Bg

Text Tokens

--text-dark (#0B1626)Primary Light
--text-mute (#5B6B84)Muted Light
--text-light (#E6EDF5)Primary Dark
--text-dim (#8CA0B8)Dim Dark

Accents (Contrast Pairs)

--blue (#2B5FD9)Action on Light
--blue-light (#9EC1F0)Action on Dark
--teal (#0D9488)Agent on Light
--teal-bright (#22C7C0)Agent on Dark

Status & Hairlines

--ok (#3FBF9A)GA Status
--warn (#E0A93B)Beta Status
--danger (#E2555F)Critical/Error
--rule-light (#DBE2EC)1px Line

Typography Scale (§4.4)

DM Sans Optical Sizing & DM Mono

Variable axis opsz 9–40pt adapts sidebearings and aperture from 68px display hero to 13px table captions.

Display (Hero)68px / 1.02 / 700 / −0.035em / opsz 40

The new enterprise stack for an agentic world.

H1 (Page Title)48px / 1.08 / 700 / −0.03em / opsz 32

Insight becomes action across every department

H2 (Section Header)34px / 1.15 / 700 / −0.02em / opsz 24

Start with one thing. Grow into the rest at your own pace.

H3 (Subsection)22px / 1.3 / 600 / −0.01em / opsz 20

Permission-aware retrieval across workspace boundaries

Body Large19px / 1.6 / 400 / 0 / opsz 18

Begin in one department at a price that doesn't need a committee. Prove it in 90 days against your own numbers. When you're ready for the next thing, it's already there.

Eyebrow12px / 1.2 / 500 / +0.16em / DM Mono

The Toolkit

Agentic Execution

Primitive Components

Button Matrix & Maturity Chips

Buttons (4 variants × 3 sizes) and MaturityChips rendered across contrast-checked paper and ink surfaces.

Button Matrix on Light Surface--blue / --teal
VariantSmall (32px)Medium (40px)Large (48px)
Primary
Secondary
Agentic
Ghost

BLUEPRINT §4.7 PATTERNS

Specialized Marketing Components

Ten architectural patterns ported directly from shipped decks and product screens. Realistic, unpadded figures and exact contrast pairs.

01 · StatBar (with Zero-Device)emphasis: 'scale' | 'gap'

3

Suites Live

HR, SalesNet and Helpdesk, in production

2 years+

In Production

Continuous daily use

340+

Field Reps

Working repeating beat plans

0

Maintenance Days

We run the updates, patches and hosting

02 · RoadmapTimelineShipped Node Polyline
v2.0
4 Jun 2026shipped

Helpdesk V2.0 & Sovereign DB

  • ·Multi-region Mumbai/Hyderabad
  • ·Knowledge base auto-sync
  • ·SLA automated escalation
v2.1
12 Jun 2026current

SalesNet Voice & Trimming

  • ·Speech recognition pipeline with 73% silence trim
  • ·Coimbatore sentiment routing
  • ·Auto ticket creation
v2.2
20 Jun 2026next

GST E-Invoice & Bridges

  • ·IRN generation in Switchboard
  • ·GSTR reconciliation engine
  • ·Tally Prime bi-directional sync
v2.3
27 Jun 2026planned

Digital eSign & Schedule

  • ·OTP sign pipeline
  • ·Resource constraint solver
  • ·Booking page templates
03 · TraceCardMuted Event → Latency Badge → Teal Agent
Live Trace Execution
Audit Verified · Permission-Aware
Inbound Event2026-08-24 14:32:08 UTC

SalesNet Voice Memo (Coimbatore Rep #42)

"Shopkeeper at Lakshmi Sanitary reported cracked connector seals on 10 units of batch #402. Requests urgent RMA replacement."

repId: rep_42
merchantId: m_coimbatore_892
confidence: 0.96
AUTOMATIC
Methodical Triage AgentEXECUTED

Helpdesk Priority Ticket #HD-8942 Created

Parsed defect keyword "cracked seal", flagged RMA urgency High, extracted batch #402, pre-filled replacement requisition, and notified QA lead.

ticketId: HD-8942
priority: P1
assignee: qa_team@pearl
04 · AgentPromptHuman-in-the-Loop Approval
Inventory Optimizer Agent
14:32:09 IST · Agent Permission Scoped

Reorder approval required for Batch #402 components

SalesNet complaint spike detected in Tamil Nadu region. Recommending transfer of 50 replacement ceramic units to Coimbatore warehouse to prevent stockout.

SKU ItemSeal Connector #402
Proposed Units50 units
Warehouse TargetCoimbatore Hub
Est. DeliveryTomorrow, 10:00 AM
05 · ComparePairTransition Arrow
LEGACY ARCHITECTUREHIGH FRICTION

Fragmented Point Solutions

5 vendors, disconnected databases, manual spreadsheets

  • ×Data scattered across WhatsApp threads and Excel sheets
  • ×Custom ERP requests take 6-12 months with system integrators
  • ×Recurring AMC, patch management, and hosting costs grow annually
WITH METHODICAL
METHODICAL ENTERPRISE STACKAGENTIC EXECUTION

One Data Model, One Platform

Unified workspace across HR, SalesNet, and Helpdesk

  • ✓Unified inbox and automated cross-app task execution in real-time
  • ✓Production-grade apps deployed in 2-4 weeks with agent-written bridges
  • ✓Zero maintenance days, sovereign data residency in India
06 · BeforeAfterBarRemoved Items Struck in Red
BEFORE · 5 DISPARATE TOOLS & UNLINKED EMAILSELIMINATED CLUTTER
Trello BoardsAirtable SyncZapier WebhooksManual WhatsApp GroupsExcel Master Tracker
AFTER · METHODICAL UNIFIED INBOX1 DATA MODEL
Methodical Boards (GA)Smart Tables (Beta)Methodical SwitchboardUnified Task Inbox

Eliminated 3 tabs of daily clutter and removed 4 third-party SaaS subscriptions.

07 · TierPairRecommended Highlight + Caption Strip
SalesNet Starter
₹18,000/ month (billed annually)

For regional sales teams needing voice order capture and WhatsApp dispatch.

Included capabilities
  • ✓Up to 15 field reps included
  • ✓Voice order capture in 6 Indian languages
  • ✓Switchboard dispatch automation
  • ✓Sovereign India data hosting
Enterprise DepartmentRECOMMENDED
₹25,000/ month (5,000 credits pack)

For departmental operations requiring dedicated suite execution.

Included capabilities
  • ✓Unlimited seats for frontline field reps
  • ✓Methodical for HR, SalesNet, or Helpdesk
  • ✓5,000 monthly AI & OCR operations
  • ✓Agent-written SAP / Tally ERP connector
  • ✓Permission-aware RBAC & Workspace isolation
FASTEST ROI · PROVEN IN 90 DAYS