@deriv-web-design/ui 0.1.0 → 0.1.1

package/block-registry.json

@@ -14,11 +14,15 @@
       "hero",
       "featured",
       "trending",
+      "stories",
       "markets",
+      "hub",
+      "homepage",
       "trading",
       "deriv"
     ],
     "sectionType": "article-hero",
+    "global": false,
     "requiredFields": [
       "featured",
       "leftColumn",
@@ -31,6 +35,9 @@
       "default"
     ],
     "recommendedPosition": 1,
+    "placement": [
+      "top"
+    ],
     "layout": {
       "alignment": "three-column",
       "buttonLayout": "none",
@@ -65,6 +72,7 @@
     "purpose": "Mid-page article listing section with a heading, a \"view all\" link, and one of three ready-made card layouts: a featured article followed by a text-only grid, a showcase with side columns, or a plain 4-column card grid. This block is designed to surface a collection of articles or videos further down a page.",
     "keywords": [
       "article",
+      "articles",
       "news",
       "blog",
       "listing",
@@ -72,11 +80,13 @@
       "showcase",
       "featured",
       "videos",
+      "view-all",
       "markets",
       "trading",
       "deriv"
     ],
     "sectionType": "article-list",
+    "global": false,
     "requiredFields": [
       "sectionTitle",
       "articles"
@@ -92,6 +102,9 @@
       "grid"
     ],
     "recommendedPosition": 4,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "buttonLayout": "none",
@@ -127,18 +140,23 @@
     "purpose": "Full-bleed coral conversion banner with a centered headline and CTA button, surrounded by a scroll-driven parallax field of floating avatar images on a background grid. This block is designed to be a dramatic, high-impact conversion moment near the end of a landing page.",
     "keywords": [
       "cta",
+      "call-to-action",
       "banner",
       "conversion",
       "sign-up",
       "open-account",
-      "avatars",
+      "get-started",
+      "promotion",
       "community",
+      "avatars",
       "trading",
       "forex",
       "mt5",
+      "cfd",
       "deriv"
     ],
     "sectionType": "cta",
+    "global": false,
     "requiredFields": [],
     "optionalFields": [
       "headline",
@@ -152,6 +170,10 @@
       "compact"
     ],
     "recommendedPosition": 9,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "single",
@@ -189,16 +211,19 @@
       "day",
       "night",
       "transition",
-      "crossfade",
       "scroll",
       "sticky",
+      "parallax",
       "immersive",
       "24/7",
+      "always-on",
       "markets",
       "trading",
+      "forex",
       "deriv"
     ],
     "sectionType": "scroll-transition",
+    "global": false,
     "requiredFields": [
       "dayImageUrl",
       "nightImageUrl"
@@ -221,6 +246,9 @@
       "webflow-day-night-v2"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "buttonLayout": "single",
@@ -264,6 +292,7 @@
     "keywords": [
       "download",
       "app",
+      "mobile-app",
       "qr-code",
       "badges",
       "app-store",
@@ -272,11 +301,13 @@
       "windows",
       "macos",
       "linux",
+      "desktop",
       "mt5",
       "trading",
       "deriv"
     ],
     "sectionType": "download",
+    "global": false,
     "requiredFields": [],
     "optionalFields": [
       "style",
@@ -307,6 +338,10 @@
       "dark"
     ],
     "recommendedPosition": 8,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
     "layout": {
       "alignment": "split",
       "buttonLayout": "badge-row",
@@ -356,12 +391,16 @@
       "accordion",
       "help",
       "support",
+      "expandable",
+      "objections",
       "trading",
       "forex",
       "mt5",
+      "cfd",
       "deriv"
     ],
     "sectionType": "faq",
+    "global": false,
     "requiredFields": [
       "title",
       "items"
@@ -374,6 +413,10 @@
       "slate"
     ],
     "recommendedPosition": 8,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "none",
@@ -408,13 +451,16 @@
       "checklist",
       "benefits",
       "checkmarks",
-      "split",
       "advantages",
+      "included",
+      "split",
+      "two-column",
       "trading",
       "mt5",
       "deriv"
     ],
     "sectionType": "feature",
+    "global": false,
     "requiredFields": [
       "title",
       "bullets",
@@ -429,6 +475,9 @@
       "image-left"
     ],
     "recommendedPosition": 4,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "imagePosition": "right",
@@ -467,6 +516,7 @@
       "benefits",
       "products",
       "platforms",
+      "showcase",
       "comparison",
       "trading",
       "cfd",
@@ -474,6 +524,7 @@
       "deriv"
     ],
     "sectionType": "feature",
+    "global": false,
     "requiredFields": [
       "sectionTitle",
       "cards"
@@ -491,6 +542,9 @@
       "one-card"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "gridColumns": "3-4",
@@ -536,10 +590,12 @@
       "trust",
       "value",
       "why-choose",
+      "reasons",
       "trading",
       "deriv"
     ],
     "sectionType": "feature",
+    "global": false,
     "requiredFields": [
       "sectionTitle",
       "cards"
@@ -553,6 +609,9 @@
       "default"
     ],
     "recommendedPosition": 4,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "gridColumns": "3-4",
@@ -590,15 +649,18 @@
       "scroll",
       "sticky",
       "animation",
-      "lottie",
+      "showcase",
       "markets",
       "forex",
       "stocks",
+      "commodities",
       "crypto",
+      "indices",
       "trading",
       "deriv"
     ],
     "sectionType": "feature",
+    "global": false,
     "requiredFields": [
       "header",
       "items"
@@ -611,6 +673,9 @@
       "media-left"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "mediaPosition": "right",
@@ -648,11 +713,13 @@
       "callout",
       "highlight",
       "image",
+      "overview",
       "trading",
       "cfd",
       "deriv"
     ],
     "sectionType": "feature",
+    "global": false,
     "requiredFields": [
       "title"
     ],
@@ -670,6 +737,9 @@
       "image-left"
     ],
     "recommendedPosition": 5,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "imagePosition": "right",
@@ -696,6 +766,79 @@
       "imagePosition": "right"
     }
   },
+  "footer-global": {
+    "id": "footer-global",
+    "name": "Footer",
+    "component": "Footer",
+    "category": "chrome",
+    "description": "Global site footer with multi-column navigation, social links, optional app promo, certifications badge, and legal/risk copy.",
+    "purpose": "Global site footer for marketing pages: secondary navigation columns, social links, optional Deriv GO / app promo, Investors in People badge, licence text, and risk warning. This block closes every page shell and carries required legal disclosures.",
+    "keywords": [
+      "footer",
+      "site-footer",
+      "global-footer",
+      "secondary-navigation",
+      "legal",
+      "copyright",
+      "social-links",
+      "links",
+      "license",
+      "risk-warning",
+      "download",
+      "sitemap"
+    ],
+    "sectionType": "footer",
+    "global": true,
+    "requiredFields": [
+      "logoSrc",
+      "navColumns"
+    ],
+    "optionalFields": [
+      "logoAlt",
+      "socialLinks",
+      "derivGo",
+      "investorsInPeopleSrc",
+      "investorsInPeopleAlt",
+      "licenseText",
+      "riskWarningText",
+      "aiSummary"
+    ],
+    "variants": [
+      "default"
+    ],
+    "recommendedPosition": 99,
+    "placement": [
+      "bottom"
+    ],
+    "layout": {
+      "alignment": "start",
+      "buttonLayout": "none",
+      "contentWidth": "wide",
+      "background": true,
+      "overlay": false
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": false,
+      "primaryButton": false,
+      "secondaryButton": false,
+      "socialLinks": true,
+      "appBadges": true,
+      "legalCopy": true
+    },
+    "imageRoles": [
+      "logo",
+      "investors-in-people-badge",
+      "qr-code",
+      "app-store-badge"
+    ],
+    "defaultValues": {
+      "logoAlt": "Deriv",
+      "licenseText": "Read our Terms and Conditions and Risk Disclosure.",
+      "riskWarningText": "The products offered on our website are complex derivative products that carry a significant risk of potential loss."
+    }
+  },
   "header-visuals": {
     "id": "header-visuals",
     "name": "Header Visuals",
@@ -710,12 +853,15 @@
       "hero",
       "title",
       "intro",
+      "introduction",
+      "banner",
       "parallax",
       "cta",
       "trading",
       "deriv"
     ],
     "sectionType": "header",
+    "global": false,
     "requiredFields": [
       "variant",
       "title"
@@ -735,6 +881,9 @@
       "minimal"
     ],
     "recommendedPosition": 1,
+    "placement": [
+      "top"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "horizontal",
@@ -772,13 +921,18 @@
       "banner",
       "headline",
       "intro",
+      "introduction",
       "forex",
       "mt5",
       "cfd",
       "trading",
-      "deriv"
+      "deriv",
+      "financial",
+      "conversion",
+      "cta"
     ],
     "sectionType": "hero",
+    "global": false,
     "requiredFields": [
       "headline",
       "description",
@@ -801,6 +955,9 @@
       "video"
     ],
     "recommendedPosition": 1,
+    "placement": [
+      "top"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "horizontal",
@@ -842,10 +999,13 @@
       "promotion",
       "community",
       "callout",
+      "full-width",
+      "dark",
       "trading",
       "deriv"
     ],
     "sectionType": "banner",
+    "global": false,
     "requiredFields": [],
     "optionalFields": [
       "variant",
@@ -861,6 +1021,10 @@
       "full-bg"
     ],
     "recommendedPosition": 7,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
     "layout": {
       "alignment": "left",
       "buttonLayout": "single",
@@ -904,11 +1068,14 @@
       "profiles",
       "executives",
       "leadership",
+      "management",
       "advisors",
       "about",
+      "company",
       "deriv"
     ],
     "sectionType": "team",
+    "global": false,
     "requiredFields": [
       "items"
     ],
@@ -923,6 +1090,9 @@
       "default"
     ],
     "recommendedPosition": 6,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "single",
@@ -964,10 +1134,14 @@
       "trust",
       "brands",
       "payment-methods",
+      "carousel",
+      "ticker",
       "trading",
+      "forex",
       "deriv"
     ],
     "sectionType": "social-proof",
+    "global": false,
     "requiredFields": [],
     "optionalFields": [
       "headline",
@@ -982,6 +1156,10 @@
       "default"
     ],
     "recommendedPosition": 2,
+    "placement": [
+      "top",
+      "middle"
+    ],
     "layout": {
       "alignment": "split",
       "buttonLayout": "single",
@@ -1010,6 +1188,83 @@
       "ctaHref": "#"
     }
   },
+  "navbar-global": {
+    "id": "navbar-global",
+    "name": "Navbar",
+    "component": "Navbar",
+    "category": "chrome",
+    "description": "Global site header with logo, mega-nav dropdowns, language picker, login, and primary open-account CTA.",
+    "purpose": "Global site header for marketing pages: brand logo, primary navigation (with optional mega-dropdowns), language picker, Log in, and Open account CTA. Themes adapt to light or dark content beneath. This block is designed as fixed page chrome — not a mid-page content section.",
+    "keywords": [
+      "navigation",
+      "navbar",
+      "header",
+      "menu",
+      "primary-navigation",
+      "global-navigation",
+      "site-navigation",
+      "links",
+      "logo",
+      "login",
+      "language-switcher",
+      "mega-menu"
+    ],
+    "sectionType": "navigation",
+    "global": true,
+    "requiredFields": [
+      "logoSrc"
+    ],
+    "optionalFields": [
+      "theme",
+      "logoSrcDark",
+      "logoHref",
+      "navItems",
+      "loginLabel",
+      "loginHref",
+      "ctaLabel",
+      "ctaHref",
+      "languageLabel",
+      "languageItems",
+      "activeLanguageCode"
+    ],
+    "variants": [
+      "dark",
+      "light"
+    ],
+    "recommendedPosition": 0,
+    "placement": [
+      "top"
+    ],
+    "layout": {
+      "alignment": "stretch",
+      "buttonLayout": "horizontal",
+      "contentWidth": "wide",
+      "background": false,
+      "overlay": false
+    },
+    "supports": {
+      "backgroundImage": false,
+      "backgroundVideo": false,
+      "foregroundImage": false,
+      "primaryButton": true,
+      "secondaryButton": true,
+      "languagePicker": true,
+      "megaNav": true
+    },
+    "imageRoles": [
+      "logo-light",
+      "logo-dark"
+    ],
+    "defaultValues": {
+      "theme": "light",
+      "logoHref": "/",
+      "loginLabel": "Log in",
+      "loginHref": "/login",
+      "ctaLabel": "Open account",
+      "ctaHref": "/signup",
+      "languageLabel": "EN"
+    }
+  },
   "stats-carousel": {
     "id": "stats-carousel",
     "name": "Stats Carousel",
@@ -1025,11 +1280,15 @@
       "awards",
       "trust",
       "credibility",
+      "achievements",
+      "milestones",
       "trading",
       "forex",
+      "cfd",
       "deriv"
     ],
     "sectionType": "stats",
+    "global": false,
     "requiredFields": [
       "title",
       "stats"
@@ -1044,6 +1303,9 @@
       "simple"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "buttonLayout": "none",
@@ -1080,12 +1342,15 @@
       "onboarding",
       "get-started",
       "guide",
+      "tutorial",
+      "sequence",
       "numbered",
       "trading",
       "mt5",
       "deriv"
     ],
     "sectionType": "steps",
+    "global": false,
     "requiredFields": [
       "title",
       "steps"
@@ -1100,6 +1365,9 @@
       "image-right"
     ],
     "recommendedPosition": 5,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "buttonLayout": "none",
@@ -1136,13 +1404,17 @@
       "stack",
       "scroll",
       "markets",
+      "overlap",
       "showcase",
       "forex",
+      "commodities",
+      "synthetics",
       "cfd",
       "trading",
       "deriv"
     ],
     "sectionType": "sticky-cards",
+    "global": false,
     "requiredFields": [
       "sectionTitle",
       "items"
@@ -1154,6 +1426,9 @@
       "default"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "cardLayout": "sticky-stack",
@@ -1195,10 +1470,14 @@
       "steps",
       "journey",
       "onboarding",
+      "sign-up",
+      "deposit",
+      "trade",
       "trading",
       "deriv"
     ],
     "sectionType": "sticky-cards",
+    "global": false,
     "requiredFields": [
       "header",
       "items"
@@ -1208,6 +1487,9 @@
       "default"
     ],
     "recommendedPosition": 3,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "left",
       "cardLayout": "sticky-stack",
@@ -1247,6 +1529,10 @@
       "specifications",
       "spreads",
       "leverage",
+      "margin",
+      "swap",
+      "search",
+      "pagination",
       "markets",
       "forex",
       "mt5",
@@ -1255,6 +1541,7 @@
       "deriv"
     ],
     "sectionType": "table",
+    "global": false,
     "requiredFields": [
       "columns",
       "rows"
@@ -1270,6 +1557,9 @@
       "default"
     ],
     "recommendedPosition": 4,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "contentWidth": "wide",
@@ -1309,14 +1599,17 @@
       "testimonial",
       "quote",
       "review",
-      "social proof",
+      "social-proof",
       "trust",
       "carousel",
       "partner",
+      "customer",
+      "trader",
       "trading",
       "deriv"
     ],
     "sectionType": "testimonial",
+    "global": false,
     "requiredFields": [
       "items"
     ],
@@ -1327,6 +1620,10 @@
       "default"
     ],
     "recommendedPosition": 6,
+    "placement": [
+      "middle",
+      "bottom"
+    ],
     "layout": {
       "alignment": "center",
       "carousel": true,
@@ -1368,10 +1665,12 @@
       "mission",
       "brand",
       "manifesto",
+      "headline",
       "trading",
       "deriv"
     ],
     "sectionType": "scroll-animation",
+    "global": false,
     "requiredFields": [
       "text"
     ],
@@ -1380,6 +1679,9 @@
       "default"
     ],
     "recommendedPosition": 2,
+    "placement": [
+      "middle"
+    ],
     "layout": {
       "alignment": "center",
       "contentWidth": "medium",