// ARGUS Framework one-pager, main app const { useState: useS, useEffect: useE, useRef: useR } = React; const PILLARS = [ { num: '01', title: 'Identity Governance', glyph: PillarGlyphs.identity, body: 'Who has access to what, when, and why. The foundation of every secure organisation. Identity Governance provides visibility and control over all human identities, machine identities, and AI agents. Without identity, there is no governance. Without governance, there is no safe AI.' }, { num: '02', title: 'Security', glyph: PillarGlyphs.security, body: 'Identity-centric security that goes beyond perimeter defence. Every actor, human, machine, or AI, operates within governed environments with full traceability. From onboarding to offboarding, from first login to final access review, every action is linked to an identity.' }, { num: '03', title: 'AI Governance', glyph: PillarGlyphs.ai, body: 'How do AI agents operate within the organisation? Who owns them? What data can they access? What decisions can they make autonomously, and where is human oversight required? AI Governance defines the boundaries, ownership, and accountability structures for every AI actor.' }, { num: '04', title: 'Organisational Intelligence', glyph: PillarGlyphs.intelligence, body: 'The convergence of identity, security, and AI governance creates organisation-wide intelligence. A continuous feedback loop where insights from access patterns, security events, and AI behaviour inform governance decisions. Not just a dashboard, a living system.' } ]; const ECOSYSTEM = [ { num: '01', title: 'ARGUS Maturity Pyramid', desc: 'The evolution model at the heart of the framework. It defines the path from Fragmented to Autonomous Organisation in clear, measurable stages. Each level has defined criteria, making progress objective and communicable to stakeholders at every level.' }, { num: '02', title: 'ARGUS Compass', desc: 'An executive-level assessment that positions an organisation on the Maturity Pyramid. The Compass evaluates six interconnected domains and produces an actionable report with maturity scores, gap analysis, and prioritised recommendations.' }, { num: '03', title: 'ARGUS Control Centre', desc: 'A central, real-time dashboard providing structured overview of maturity across all key domains. Beyond insight, it enables action: organisations initiate AI-driven commands directly from the platform, translating governance insights into immediate, controlled improvements.' }, { num: '04', title: 'ARGUS Methodology, The 6C\u2019s', desc: 'A structured, business-driven implementation approach built around six phases: Check, Course, Configure, Coach, Care, and Communicate. Designed for iterative progress, not big-bang transformation. Each cycle moves the organisation one level up the Maturity Pyramid.' }, { num: '05', title: 'ARGUS Teammate', desc: 'Continuous operational support through AI. The Teammate augments security and governance teams by assisting in monitoring, anomaly detection, policy enforcement, and decision support. It strengthens the team, it doesn\u2019t replace human oversight.' } ]; const DOMAINS = [ { num: '01', title: 'Identity & Account Governance', desc: 'Visibility and ownership of all human, machine, and AI identities. Who exists in the system, who owns them, and are they still needed?' }, { num: '02', title: 'Access & Authentication', desc: 'Central access control, multi-factor authentication, single sign-on, and enforcement of least privilege. How is access granted, and how is it protected?' }, { num: '03', title: 'Lifecycle & Automation', desc: 'Onboarding, offboarding, role changes, and periodic account reviews. How are identity changes managed, and how much of it is automated versus manual?' }, { num: '04', title: 'Logging, Monitoring & Detection', desc: 'Central logging, anomaly detection, and audit trails. Can the organisation see what is happening, detect deviations, and respond in time?' }, { num: '05', title: 'Governance, Policy & Compliance', desc: 'IAM policy, risk management, and regulatory alignment. Is governance documented, enforced, and demonstrable?' }, { num: '06', title: 'Organisation & Decision-Making', desc: 'Stakeholder roles, accountability structures, and roadmap governance. Who decides, who is responsible, and is there a plan?' } ]; const PRINCIPLES = [ { num: '01', title: 'Identity-first', desc: 'Every governance decision starts with identity. No access without identity. No AI without ownership. Identity is the operating system of the modern organisation.' }, { num: '02', title: 'Technology-agnostic', desc: 'ARGUS works across platforms, vendors, and environments. The framework adapts to the technology stack, not the other way around. Whether an organisation runs on Azure, AWS, Google Workspace, or on-premise systems, the model applies.' }, { num: '03', title: 'Business-driven', desc: 'Designed for board-level conversations, not just technical implementation. The Maturity Pyramid, Compass, and Methodology speak the language of risk, accountability, and strategic value, making governance accessible beyond IT.' }, { num: '04', title: 'Iterative by design', desc: 'Organisations progress through maturity levels, not big-bang transformations. Each step is concrete, measurable, and achievable. The framework meets organisations where they are and guides them forward.' }, { num: '05', title: 'Vendor-neutral', desc: 'ARGUS is not a product. It is an open operating model that can be adopted, implemented, and extended by any organisation or consultancy. There is no lock-in, no proprietary tooling requirement, and no single-vendor dependency.' } ]; const COMPLIANCE = [ { code: 'NIS2', name: 'Network & Information Security' }, { code: 'ISO 27001', name: 'Information Security Management' }, { code: 'EU AI Act', name: 'European AI Regulation' }, { code: 'DORA', name: 'Digital Operational Resilience' }, { code: 'GDPR', name: 'General Data Protection' }, { code: 'BIO', name: 'Baseline NL Government' }, { code: 'NEN 7510', name: 'Healthcare Infosec' } ]; const NAV = [ { id: 'overview', label: 'Overview' }, { id: 'pillars', label: 'Pillars' }, { id: 'maturity', label: 'Maturity' }, { id: 'ecosystem', label: 'Ecosystem' }, { id: 'domains', label: 'Domains' }, { id: 'compliance', label: 'Compliance' }, { id: 'principles', label: 'Principles' } ]; // ============= Sections ============= const Nav = ({ active, onNav, variant }) => ( ); const Hero = () => (
ARGUS Framework
Framework v1.0 · Vendor-neutral

Identity-Driven AI Governance.
A strategic operating model for the AI era.

ARGUS connects Identity, Security, and AI Governance into a single coherent structure, enabling organisations to adopt AI with clarity, control, and confidence.

Not a product Not a tool A strategic operating model
{[ ['Identity Governance', 'Visibility and control over every human, machine, and AI identity in the organisation.'], ['Security', 'Identity-centric security with full traceability, from onboarding to offboarding.'], ['AI Governance', 'Ownership, boundaries, and accountability structures for every AI agent.'] ].map(([t, d], i) => (
{`0${i+1} / 03`}
{t}
{d}
))}
); const Overview = () => (
§ 01 / The Challenge
The AI governance gap

Most frameworks address AI from an ethical perspective. ARGUS addresses what comes before that.

Organisations are integrating AI at pace, from automation and decision support to autonomous agents operating across systems. But most lack a structured approach to the identities, access rights, and accountability structures that AI depends on.

The result: AI tools adopted without ownership. Machine accounts created without lifecycle management. Access rights that expand invisibly. Compliance exposure that surfaces only after an incident.

{[ ['Who has access?', 'human · machine · AI'], ['Who owns the AI agent?', 'accountability'], ['What data can it reach?', 'scope · boundaries'], ['Who is accountable?', 'when something goes wrong'] ].map(([q, sub], i) => (
Q{String(i+1).padStart(2, '0')}
{q}
{sub}
))}
); const WhatIsArgus = () => (
§ 02 / Definition
What is ARGUS?

Named after Argus Panoptes, the all-seeing guardian of Greek mythology.

In the same way, the ARGUS Framework provides continuous, structured visibility across every identity, every access point, every AI agent, and every governance decision. It is a technology-agnostic operating model designed to bridge the gap between three domains traditionally managed in silos.

{[ ['I', 'Identity & Access Management', 'who has access and why'], ['II', 'Cybersecurity', 'how that access is protected and monitored'], ['III', 'AI Governance', 'how AI agents operate and what they can do'] ].map(([numeral, title, sub], i) => (
{`Domain 0${i+1}`}
{title}
{sub}
))}
); const Pillars = () => { const [active, setActive] = useS(0); return (
§ 03 / Foundation
Four Pillars

Four pillars. One connected model.

The ARGUS Framework is built on four interdependent pillars that together form a complete governance model for the AI era.

{PILLARS.map((p, i) => (
setActive(i)} onClick={() => setActive(i)}>
{p.num} / 04
{p.glyph}

{p.title}

{p.body}

))}
); }; const Maturity = () => (
§ 04 / Journey
Maturity Pyramid

Six levels. One common language.

Every organisation is on a journey. The ARGUS Maturity Pyramid provides a common language for assessing where an organisation stands today, what the target state should be, and what the safest next step looks like.

); const Ecosystem = () => { // 12-col grid: pyramid (12 wide), then 2x2 underneath, then teammate full const layout = [ { span: 12, item: ECOSYSTEM[0], featured: true }, { span: 6, item: ECOSYSTEM[1] }, { span: 6, item: ECOSYSTEM[2] }, { span: 6, item: ECOSYSTEM[3] }, { span: 6, item: ECOSYSTEM[4] }, ]; return (
§ 05 / Components
The Ecosystem

The strategic core. Five specialised components.

The framework is the strategic core. Around it, specialised components provide the tools for assessment, implementation, and continuous improvement.

{layout.map((l, i) => (
{l.featured ? ( <>
{l.item.num} / 05

{l.item.title}

{l.item.desc}

) : ( <>
{l.item.num} / 05

{l.item.title}

{l.item.desc}

)}
))}
); }; const EcoGlyph = ({ kind }) => { const stroke = '#0E1A3A'; const gold = '#C8A961'; if (kind === 1) return ( // Compass ); if (kind === 2) return ( // Control centre, grid with active dot ); if (kind === 3) return ( // Methodology, 6 dots in a circle {Array.from({length: 6}).map((_, i) => { const a = (i / 6) * Math.PI * 2 - Math.PI / 2; const x = 16 + Math.cos(a) * 11; const y = 16 + Math.sin(a) * 11; return ; })} ); if (kind === 4) return ( // Teammate, two figures ); return null; }; const Domains = () => { const [open, setOpen] = useS(0); return (
§ 06 / Coverage
Six Domains

What ARGUS covers.

The framework assesses and structures governance across six interconnected domains. Together, they provide a complete view of an organisation's identity, access, and AI governance posture.

{DOMAINS.map((d, i) => (
setOpen(open === i ? -1 : i)}>
{d.num} / 06
{d.title}
{d.desc}
))}
); }; const Compliance = () => (
§ 07 / Alignment
Compliance

Aligned with leading standards & regulations.

ARGUS provides the structural and operational foundation that supports compliance across major frameworks and regulations. It does not replace these standards, it provides the identity and governance layer that makes compliance demonstrable and auditable.

{COMPLIANCE.map((c, i) => (
{c.code}
{c.name}
))}
); const Principles = () => { const [open, setOpen] = useS(0); return (
§ 08 / Foundations
Design Principles

Principles behind the framework.

{PRINCIPLES.map((d, i) => (
setOpen(open === i ? -1 : i)}>
{d.num} / 05
{d.title}
{d.desc}
))}
); }; const Closing = () => (
§ 09 / In summary

Identity is the operating system of the modern organisation. ARGUS makes it visible, governable, and accountable.

{[ ['100+', 'Eyes', 'Continuous visibility across every identity, agent, and decision.'], ['06', 'Maturity Levels', 'A common language from Unmanaged to Autonomous Organisation.'], ['07', 'Standards', 'Aligned with NIS2, ISO 27001, EU AI Act, DORA, GDPR, BIO, NEN 7510.'] ].map(([n, l, d], i) => (
{n}
{l}
{d}
))}
); const Footer = () => ( ); // ===== Main App ===== const ArgusOnePager = ({ variant = 'light' }) => { const [active, setActive] = useS('top'); const rootRef = useR(null); const onNav = (id) => { const el = (rootRef.current || document).querySelector(`#${id}`); if (el) { const root = rootRef.current; // For canvas mode, scroll within the artboard if (root && root.scrollTo) { const top = el.offsetTop - 60; root.scrollTo({ top, behavior: 'smooth' }); } else { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); } } setActive(id); }; useE(() => { const root = rootRef.current; if (!root) return; const handler = () => { const sections = NAV.map(n => ({ id: n.id, el: root.querySelector(`#${n.id}`) })).filter(s => s.el); const scrollY = root.scrollTop || window.scrollY; const found = sections.reverse().find(s => s.el.offsetTop - 120 <= scrollY); if (found) setActive(found.id); }; root.addEventListener('scroll', handler); return () => root.removeEventListener('scroll', handler); }, []); return (
); }; window.ArgusOnePager = ArgusOnePager;