Apr 22, 2026author-aryan

test-title

excert-teaser

AGENT INSTRUCTIONS — OSWAR/teck Website

Always read this file before making any changes to this project.

1. BRAND IDENTITY

Company

Name: OSWAR/teck (styled as OSWAR/teck in headings, OSWAR teck in body)
Parent: Oswal Group of Industries
Type: Industrial-first technology company — NOT a horizontal SaaS vendor
Contact: kartikkoolwal@oswarrotocorp.com
Back-link: http://oswarrotocorp.com/

Mission

"Industrial enterprises don't have a data problem. They have a problem turning data into decisions that move at the speed of their operations. That is the only problem OSWAR/teck exists to solve."

What Makes OSWAR/teck Different

Deep AI/ML engineering + mission-critical industrial software — together
Everything built from first principles for industrial demands
Not adapting generic platforms — building for industrial from scratch

2. PRODUCTS (Verticals)

BlackGATE — PRIMARY PLATFORM

Eyebrow: PRIMARY PLATFORM // OSWAR/teck
Subtitle: INDUSTRIAL INTELLIGENCE PLATFORM
Description: Command layer for industrial operations. Ingests data from machines, sensors, ERPs, logistics. Fuses through unified intelligence engine. Delivers decisions, alerts, insights in real time.
Logo: /public/logos/BlackGATE-dark.png (light bg) / BlackGATE-light.png (dark bg)
Key theme: Eliminates OT/IT/IoT silos. AI models trained specifically for your industry.

Autix — PRODUCT SUITE

Eyebrow: PRODUCT SUITE // OSWAR/teck
Subtitle: INDUSTRIAL SAAS SUITE
Tagline: Three integrated SaaS products — built for industrial scale, not adapted for it.
Logo: /public/logos/autix-dark.png (light bg) / autix-light.png (dark bg)
Sub-products:
- AUTIX — CRM: Customer Relationship Management. Built for 12–36 month industrial sales cycles.
- AUTIX — VMS: Vendor Management System. Proof of vendor reliability before failures happen.
- AUTIX — IMS: Inventory Management System. AI-driven reorder for industrial inventory at scale.
Integration: CRM + VMS + IMS + BlackGATE are designed to work together. This is a core differentiator.

3. TONE OF VOICE — STRICT RULES

Rule	Good	Bad
Precise over broad	"0.4s alert latency"	"real-time insights"
Show, don't tell	Feature lists with specifics	"enables innovation"
No hype language	"purpose-built", "production-grade"	"revolutionary", "seamless", "world-class", "game-changing"
Earned confidence	"We don't build demos. We build production systems."	"We're proud to offer..."
Industrial vocabulary	"MRO", "SCADA", "yield optimization", "uptime", "procurement"	"things", "stuff", "process"
Mono for system labels	`BG-01 // DATA FUSION CORE`	"blackgate core one"

Always write like an engineer who respects the reader's intelligence — not a marketer.

4. TECH STACK

Layer	Technology
Framework	Next.js 16+ (App Router)
Styling	Tailwind CSS v4
Animation	Framer Motion v12
Icons	Lucide React
Fonts	Bebas Neue (display), DM Sans (body), JetBrains Mono (mono)
Language	TypeScript

Brand Tokens (globals.css)

--color-brand-red: #EA0A1E
--color-brand-dark-red: #5D0000
--color-brand-dark: #0A0A0A
--color-brand-muted: #6B6B6B
--color-brand-off-white: #F7F7F7
--color-brand-border: #E8E8E8

Glass Design System Tokens

/* Glass variables — defined in globals.css */
--glass-bg: rgba(255, 255, 255, 0.04)
--glass-bg-light: rgba(255, 255, 255, 0.08)
--glass-border: rgba(255, 255, 255, 0.10)
--glass-border-accent: rgba(234, 10, 30, 0.30)
--glass-blur: blur(16px)
--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4)
--glass-radius: 16px

5. FILE STRUCTURE

oswar-teck/
├── AGENT_INSTRUCTIONS.md          ← THIS FILE — read before every change
├── app/
│   ├── layout.tsx                 ← Fonts, metadata, viewport
│   ├── globals.css                ← CSS variables, keyframes, glass tokens
│   ├── page.tsx                   ← Main landing page (home)
│   ├── products/
│   │   └── page.tsx               ← Products overview — BlackGATE + Autix parallel
│   ├── blackgate/
│   │   └── page.tsx               ← BlackGATE deep dive
│   └── autix/
│       └── page.tsx               ← Autix deep dive (CRM, VMS, IMS)
├── components/
│   ├── Navbar.tsx                 ← Fixed nav, transparent→white on scroll
│   ├── sections/
│   │   ├── Hero.tsx               ← Landing hero, full viewport
│   │   ├── About.tsx              ← Company about
│   │   ├── Services.tsx           ← Services (to be replaced by Products)
│   │   ├── Contact.tsx            ← Contact form
│   │   └── Footer.tsx             ← Dark footer
│   └── ui/
│       ├── GlassCard.tsx          ← Reusable glass card primitive
│       ├── SectionTag.tsx         ← Monospace eyebrow labels
│       └── ServiceCard.tsx        ← Service card (existing)
└── public/
    └── logos/
        ├── BlackGATE-dark.png     ← BlackGATE on light backgrounds
        ├── BlackGATE-light.png    ← BlackGATE on dark backgrounds
        ├── autix-dark.png         ← Autix on light backgrounds
        ├── autix-light.png        ← Autix on dark backgrounds
        ├── oswartechover-darkbg.png    ← Main logo on dark bg
        └── oswartech-overlightbg.png  ← Main logo on light bg

6. DESIGN PRINCIPLES

Glass Theme

Dark background base: #0A0A0A to #0d0d0d — near-black, never pure black
Glass panels: backdrop-blur-xl, bg-white/[0.04] to bg-white/[0.08], border border-white/10
All borderRadius use rounded-2xl (16px) or rounded-3xl (24px) — never sharp corners
Accent color red #EA0A1E — used for borders on hover, labels, highlights
Never use plain white backgrounds on product pages — only glass panels on dark

Visual Hierarchy

Eyebrow: font-mono text-[11px] tracking-[0.2em] text-brand-red uppercase
H1/H2: font-display text-white — Bebas Neue, commanding scale
H3/labels: font-display text-white/90
Body: font-body text-white/65 — never use pure white for body copy on dark
Data/codes: font-mono — monospace for system IDs, metrics, codes

Animation Rules

Use Framer Motion whileInView + initial/animate — never CSS-only for complex sequences
viewport={{ once: true, margin: "-80px" }} — trigger once when 80px into view
Stagger children with delay: index * 0.08 — never all at once
will-change: transform on animated elements
ease: [0.16, 1, 0.3, 1] (expo out) for entrance animations — feels premium
Hover states: whileHover={{ scale: 1.015 }} on glass cards — subtle, not bouncy

7. NAVIGATION STRUCTURE

Home (/)
├── [Navbar links]: About, Products, Contact
└── Sections: Hero → About → Products Teaser → Contact → Footer

Products (/products)
├── Parallel view: BlackGATE | Autix
├── → BlackGATE deep dive (/blackgate)
└── → Autix deep dive (/autix)

Navbar Updates Required

Add "Products" nav link pointing to /products
Logo: use oswartechover-darkbg.png when on dark bg (transparent nav state)
Logo: use oswartech-overlightbg.png when scrolled (white nav state)

8. RULES FOR AI AGENTS

Always read this file before making any change to the project.
Never use vague marketing language. Refer to Section 3 tone rules.
Never use sharp corners on product UI elements — always rounded-2xl or rounded-3xl.
Never put logos on wrong backgrounds — check light vs dark logo variants per Section 6.
Maintain Tailwind v4 syntax — use @theme inline in globals.css, not tailwind.config.ts.
Use "use client" directive on any component using hooks or Framer Motion.
Never add heavy external libraries without checking package.json first.
Mobile-first — every component must work at 320px minimum width.
Production-grade — no placeholder content, no TODO comments left in code, no console.logs.
Glass panels must have fallbacks — add @supports not (backdrop-filter: blur(1px)) with solid dark fallback.