Strict Anti-Slop Directive, Engineered by Human Designers
This design system strictly prohibits generic AI website cliches. Designed to reflect the legal authority of the United Kingdom statutory framework, British broadsheet publishing, and international management system accreditation under ISO/IEC 17021-1:2015.
Strict prohibition of indigo, violet, or blue-purple gradient washes. Exclusively deploy solid Midnight Navy (#17214D), Heraldic Gold (#C4852B), and Archival Cream (#FAF8F5).
Zero backdrop-filter blur, translucent frosted glass, or artificial glowing halos. All cards and dockets use crisp 1px borders (#E5DFD5) on solid opaque grounds.
Strictly bans Inter, Roboto, Arial, system-ui, or mixing unrelated font families. Mandates IBM Plex Sans for English/French UI, IBM Plex Sans Arabic for Arabic, and IBM Plex Mono for tabular registry verification with identical optical proportions.
Strictly zero bullet characters used as spacing dividers. Separators use forward slashes (/), vertical bars (|), commas, or periods. All em-dashes replaced with commas or periods.
Rejects detached, floating SaaS feature cards. Metrics and data points are engineered into single, continuous monolithic blocks with internal hairline dividers and zero white gap leaks.
Eliminates synthetic phrases like "Transform your workflow" or "Unlock potential". Uses authoritative accreditation terminology derived from international standard protocols.
The Sovereign Trio & Archival Tokens
Three primary sovereign anchors define every interface element in the system, engineered to emulate British statutory broadsheets, gold leaf seals, and archival ink.
IBM Plex Sans & IBM Plex Sans Arabic Standard
Strict typography mandate: All English, Arabic, and multilingual user interfaces operate on the unified IBM Plex superfamily. Inter, Roboto, Arial, system-ui, and unrelated font families are strictly prohibited. Both languages share optical proportions, structural character, and identical visual hierarchy.
Every certificate issued by UK Global Compliance follows strict international auditor procedures. Lead auditors evaluate organizational controls, examine documentary risk frameworks, conduct on-site physical process verification, and present technical audit dockets for impartial directorate adjudication.
تخضع كل شهادة مطابقة تصدر عن هيئة الاعتماد البريطانية العالمية لمنهجية تدقيق صارمة ومستقلة. يقوم فريق كبار المراجعين بفحص آليات الحوكمة المؤسسية، والتحقق من التزام العمليات التشغيلية بالمواصفات القياسية، وإجراء التفتيش الميداني في مواقع المنشأة قبل رفع تقرير التدقيق الفني لمجلس الإدارة للاعتماد النهائي.
| Role & Scope | Typeface (EN / FR) | Typeface (العربية) | Size Clamp | Weight Range | Line Height & Tabular |
|---|---|---|---|---|---|
| Display & Hero Headlines | IBM Plex Sans | IBM Plex Sans Arabic | clamp(32px, 5vw, 56px) |
600 to 700 Bold | 1.15 to 1.35 / -0.02em |
| Section Headings (H2 / H3) | IBM Plex Sans | IBM Plex Sans Arabic | clamp(20px, 3.5vw, 34px) |
600 SemiBold | 1.2 to 1.35 / -0.01em |
| Body Text & Editorial | IBM Plex Sans | IBM Plex Sans Arabic | 14px to 16px |
400 Regular / 500 Med | 1.65 (EN) / 1.85 (AR) |
| Buttons & Navigation | IBM Plex Sans | IBM Plex Sans Arabic | 12px to 14px |
500 to 600 SemiBold | 1.2 / 0.04em (EN) / normal (AR) |
| Labels & Status Badges | IBM Plex Sans | IBM Plex Sans Arabic | 11px to 12px |
600 SemiBold | 1.2 / Uppercase (EN) |
| Serials, Statistics & Dates | IBM Plex Mono | IBM Plex Mono / Arabic | 11px to 14px |
500 to 600 SemiBold | tabular-nums, tnum 1 |
SGS-Style Hero Banner & Teaser Row
High-impact editorial hero utilizing an asymmetric split headline, integrated registry quick-search docket, and a 4-card operational sector teaser row.
When you need
to be sure
Executive Utility Top-Hat & Multi-Tier Mega-Menus
Bain & Company inspired dual-level navigation infrastructure. A dark executive utility top-hat (#0A0F26) houses international directorate routing, auditor verification gateways, multilingual switching, and rapid search flyouts, coupled with 4-column structured mega-menus.
The Unified Monolithic "In Focus" Block
Consolidates global certification statistics into a single unbroken surface. Replaces detached floating cards with internal hairline dividers and tabular numerals.
Regulatory Intelligence Article Card Grid
Bain & Company inspired article card architecture. High-density cards featuring category kickers, 16:9 contextual imagery, 3-line excerpt truncations, and dedicated topic badges with interactive hover elevation.
Egypt GOEIC Audits & Decree 43/2016 Protocol
Mandatory factory audit parameters and pre-shipment inspection guidelines for cross-border exporters.
ISO/IEC 27001:2022 Cryptographic Rigor
Technical implementation controls and cloud workload assurance for enterprise CISOs across EMEA.
Red Sea Basin Hospitality Hygiene Protocols
Empirical results from luxury resort audits under our Gold Standard ISO 22000 framework.
ISO 14064 Carbon Verification & EU CBAM
Mitigating tariff liabilities through statutory third-party greenhouse gas emissions validation.
Slalom Pre-Footer CTA Row & 5-Column Corporate Footer
Slalom-inspired pre-footer partnership row (“Let’s certify together.”) seamlessly coupled to a 5-column institutional corporate footer architecture (#0A0F26), divided by a 3px Heraldic Gold substrate with verified zero unwanted whitespace.
Responsive Breakpoint Architecture
Progressive enhancement across 4 strict viewport tiers. Built mobile-first with verified zero horizontal overflow, touch-target ergonomics, and fluid typography.
| Tier | Viewport Range | Layout Behavior | Touch & Typography Rules |
|---|---|---|---|
| Mobile | 320px to 767px | Single-column stack. Monolith converts to vertical hairline sections. Teasers stack. Off-canvas drawer active. | Minimum 44x44px touch targets. Horizontal tables scroll inside .table-responsive. Zero overflow. |
| Tablet | 768px to 1023px | 2-column grids for teasers and contact directorates. Hero search expands with filter chips. | Touch targets maintained. Typography begins fluid clamp scaling. |
| Desktop | 1024px to 1439px | Full horizontal navigation. 3-column "In Focus" monolith. 4-column teaser row. | Pointer hover states active. Full tabular registry visibility. |
| Large Desktop | 1440px and above | Constrained to 1360px max container with balanced lateral breathing room. | Optimal gazette reading line-lengths (65 to 75 characters per line). |
Accessible modal drawer with aria attributes (aria-expanded, aria-controls), background lock, and keyboard Escape dismissal. Fully responsive.
Buttons, Status Badges & Registry Dockets
Architectural UI elements. Zero border-radius on primary containers, crisp hairline keylines, and high-contrast accessibility.
| Serial Number | Certified Entity | Accredited Standard | Status | Action |
|---|---|---|---|---|
| UKG-9001-2026-0891 | Meridian Aerospace Precision Engineering Ltd | ISO 9001:2015 | Active | |
| UKG-27001-2026-0412 | Cortex Quantitative Financial Technologies Ltd | ISO/IEC 27001:2022 | Active | |
| UKG-14001-2026-0199 | Aethelgard Clean Energy Solutions Ltd | ISO 14001:2015 | Surveillance Due |
Lucide SVG Standards
Engineered with pure inline SVGs, eliminating bloated font icons. Uniform 2px stroke weight, 24x24px viewbox, and crisp heraldic gold or midnight navy strokes.
Printable A4 Certificate Architecture (ISO 216)
Standardized according to ISO 216 metric paper dimensions (210mm × 297mm). Features double gold/navy keyline framing, London directorate seal, and cryptographic SHA-256 validation.
Bi-Directional RTL & Regional Alignment
Statutory alignment across three key regulatory jurisdictions: Egypt (EOS/GAFI), Europe (UKAS/IAF/EA), and the GCC (GSO/SASO). Enforces logical CSS properties (border-inline-end, margin-inline-start).
هيئة الاعتماد البريطانية العالمية للمطابقة والجودة
نظام توثيق وسجلات الامتثال المعتمد طبقاً للمواصفة القياسية الدولية ISO/IEC 17021-1:2015. تخضع كافة شهادات المطابقة لعمليات التدقيق والتحقق الميداني والتقني المباشر من خلال الإدارة العامة في لندن ومكتب التنسيق الإقليمي بالقاهرة لتغطية جمهورية مصر العربية وأوروبا ودول مجلس التعاون الخليجي. يتم استخدام خط IBM Plex Sans Arabic كخط رسمي موحد لكافة العناوين والنصوص العربية بنفس نسب وأوزان النص الإنجليزي.
Master CSS Custom Properties
Drop-in CSS variables and layout classes matching production templates in resources/views/layouts/app.blade.php.
:root {
/* --- The Sovereign Trio --- */
--color-primary: #17214D; /* Midnight Navy */
--color-primary-dark: #0D1330; /* Directorate Navy */
--color-gold: #C4852B; /* Heraldic Gold */
--color-gold-hover: #B27622; /* Deep Gold Hover */
--color-gold-tint: #FAF4EB; /* Gold Parchment Ground */
--color-cream: #FAF8F5; /* Archival Cream Canvas */
--color-white: #FFFFFF; /* Document White Surface */
--color-border: #E5DFD5; /* Archival Hairline Keyline */
/* --- Typographic Stacks (IBM Plex Superfamily) --- */
--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-heading: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
--font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
/* --- Spacing & Fluid Clamps --- */
--section-pad: clamp(48px, 6vw, 64px);
--radius-sharp: 0px;
--radius-pill: 9999px;
}