Clinical Wholesale & Retail Architecture

Paikarighor Design System

Precision clinical aesthetics inspired by pharmaceutical clarity and high-contrast B2B commerce. Engineered with Next.js 16, React 19, Tailwind CSS v4, and strictly zero-radius geometry.

01. Foundation Tokens

Core design primitives enforcing clinical contrast, stark geometry, and dual typography.

#FFFFFF

Stark White

--background / --card

#F4F4F4

Medical Grey

--muted

#000000

Deep Ink Black

--primary / --foreground

#E5E5E5

Subtle Clinical Border

--border / --input

Geometry Spec

STRICT ENFORCEMENT

Zero-Radius Geometry

All interactive surfaces, badges, inputs, dialogs, and cards strictly enforce --radius: 0px. Curves are prohibited in the design token system.

Typography Hierarchy

DUAL FONT SYSTEM

Inter & Urbanist

Urbanist powers architectural headings and display labels with high tracking. Inter powers high-legibility body, dense tabular figures, and clinical data.

02. Interactive Button Primitives

Tactile button variants with clinical feedback states, micro-interactions, and gloss treatments.

Special Effects & Sizes

03. Form Inputs & Verification Primitives

High-precision inputs designed for high-speed merchant and wholesale checkout workflows.

Data Capture Controls

Zero-radius text inputs, textareas, and controls.

Business Name / Trade License

Delivery Instructions

Tax invoice required

Express dispatch

6-Digit SMS OTP Verification

Crucial primitive for Bangladesh mobile OTP auth & Hijabi checkout.

Verification Code

SMS OTP

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Current Value: 582914

Credit Allocation45%

04. Overlays & Dialogs

Radix modal dialogs, slide-over sheets (cart & filters), and context menus.

05. Dense Tabular Hierarchy

Clinical tables engineered for high-density inventory review and order tracking.

SKU	Product Specification	Batch	Available Stock	Wholesale Rate
SKU-PKR-001	Hydra-Restore Bio Serum 30ml	B-2026-X1	1,450 Units	৳ 450.00
SKU-PKR-002	Clinical Barrier Cream 50ml	B-2026-X2	890 Units	৳ 580.00
SKU-PKR-003	Salicylic Acid 2% Purifying Toner 150ml	B-2026-X3	2,100 Units	৳ 390.00

06. Architecture & Deployment Status

Module MOD-W00 verification indicators for Cloudflare Workers & Turbopack.

OpenNext Cloudflare Target

TARGET DOMAINpaikarighar.triloytech.com

RUNTIMECloudflare Workers (nodejs_compat)

FRAMEWORKNext.js 16 + React 19