diff --git a/assets/Screenshot_2025-12-01_at_23.34.46-3498e6aa-895d-4e60-9b3a-87f775e1e172.png b/assets/Screenshot_2025-12-01_at_23.34.46-3498e6aa-895d-4e60-9b3a-87f775e1e172.png
new file mode 100644
index 00000000..e69de29b
diff --git a/assets/Screenshot_2025-12-01_at_23.39.31-8748f67b-039b-41e8-9ca3-3a1823e1cb9a.png b/assets/Screenshot_2025-12-01_at_23.39.31-8748f67b-039b-41e8-9ca3-3a1823e1cb9a.png
new file mode 100644
index 00000000..e69de29b
diff --git a/assets/Screenshot_2025-12-01_at_23.44.02-ccca9932-bf28-4541-a1aa-d1bf017c173d.png b/assets/Screenshot_2025-12-01_at_23.44.02-ccca9932-bf28-4541-a1aa-d1bf017c173d.png
new file mode 100644
index 00000000..e69de29b
diff --git a/assets/Screenshot_2025-12-01_at_23.45.59-c031983d-701b-4ba7-9325-c89fe113e92c.png b/assets/Screenshot_2025-12-01_at_23.45.59-c031983d-701b-4ba7-9325-c89fe113e92c.png
new file mode 100644
index 00000000..e69de29b
diff --git a/docs/objective/.pages.yaml b/docs/objective/.pages.yaml
index 5088bcc9..54674233 100644
--- a/docs/objective/.pages.yaml
+++ b/docs/objective/.pages.yaml
@@ -1,16 +1,16 @@
title: Objectives
nav:
- - Composable Business: composable-business.md
- - Requirements Captured: know-what-the-business-wants.md
- - Knowledge Captured: capture-knowledge.md
- - Gaps Bridged: bridge-the-gap.md
- - Expectations Managed: manage-expectations.md
- - Did not boil the ocean: avoid-boiling-the-ocean.md
- - Disruption Avoided: avoid-disruption.md
- - Quality Increased: increase-quality.md
- - Aligned with Strategy: align-with-business-strategy.md
- - Delivered: strategic-usecases.md
- - Modularity Managed: modularity.md
- - Interoperability Achieved: interoperability.md
- - Reuse Enabled: enable-reuse.md
+ - "A: Interoperability Achieved": interoperability.md
+ - "B: Composable Business": composable-business.md
+ - "C: Requirements Captured": know-what-the-business-wants.md
+ - "D: Knowledge Captured": capture-knowledge.md
+ - "E: Gaps Bridged": bridge-the-gap.md
+ - "F: Expectations Managed": manage-expectations.md
+ - "G: Did not boil the ocean": avoid-boiling-the-ocean.md
+ - "H: Disruption Avoided": avoid-disruption.md
+ - "I: Quality Increased": increase-quality.md
+ - "J: Aligned with Strategy": align-with-business-strategy.md
+ - "K: Delivered": strategic-usecases.md
+ - "L: Modularity Managed": modularity.md
+ - "M: Reuse Enabled": enable-reuse.md
- ...
diff --git a/docs/objective/align-with-business-strategy.md b/docs/objective/align-with-business-strategy.md
index 2f5ea469..25e23022 100644
--- a/docs/objective/align-with-business-strategy.md
+++ b/docs/objective/align-with-business-strategy.md
@@ -1,11 +1,11 @@
---
-title: Align with Business Strategy
+title: "J: Align with Business Strategy"
authors:
- Jacobus Geluk
hide:
- - toc
+- toc
---
-# Align with Business Strategy
+# J: Align with Business Strategy
_Align strategy of business capability improvement and execution._
diff --git a/docs/objective/avoid-boiling-the-ocean.md b/docs/objective/avoid-boiling-the-ocean.md
index d9605e8a..2761420f 100644
--- a/docs/objective/avoid-boiling-the-ocean.md
+++ b/docs/objective/avoid-boiling-the-ocean.md
@@ -1,11 +1,11 @@
---
-title: Avoid "boiling the ocean"
+title: "G: Avoid \"boiling the ocean\""
authors:
- Jacobus Geluk
hide:
- - toc
+- toc
---
-# Avoid "boiling the ocean"
+# G: Avoid "boiling the ocean"
_Provide focus, clarity, deliver business value fast, do the right things at the right time. Save money._
diff --git a/docs/objective/avoid-disruption.md b/docs/objective/avoid-disruption.md
index 63ad21f2..51a1846d 100644
--- a/docs/objective/avoid-disruption.md
+++ b/docs/objective/avoid-disruption.md
@@ -1,11 +1,11 @@
---
-title: Avoid Disruption
+title: "H: Avoid Disruption"
authors:
- Jacobus Geluk
hide:
- - toc
+- toc
---
-# Avoid Disruption
+# H: Avoid Disruption
_Make changes gradually with clear interdependencies to avoid disruption across use cases._
diff --git a/docs/objective/bridge-the-gap.md b/docs/objective/bridge-the-gap.md
index 04656301..00f31c0a 100644
--- a/docs/objective/bridge-the-gap.md
+++ b/docs/objective/bridge-the-gap.md
@@ -1,14 +1,14 @@
---
-title: Bridge the traditional gap between Business & Technology
+title: "E: Bridge the traditional gap between Business & Technology"
authors:
- Jacobus Geluk
-hide:
+hide:
- toc
---
-# Bridge the traditional gap between Business & Technology
+# E: Bridge the traditional gap between Business & Technology
-Align business expectations with technology delivery.
+_Align business expectations with technology delivery._
- Engage with the business, the product owner and get continuous
diff --git a/docs/objective/capture-knowledge.md b/docs/objective/capture-knowledge.md
index 04905cd4..ef27dda5 100644
--- a/docs/objective/capture-knowledge.md
+++ b/docs/objective/capture-knowledge.md
@@ -1,11 +1,11 @@
---
-title: Capture Knowledge
+title: "D: Capture Knowledge"
authors:
- Jacobus Geluk
hide:
- toc
---
-# Capture Knowledge
+# D: Capture Knowledge
_Enabling a whole new league of use cases._
diff --git a/docs/objective/composable-business.md b/docs/objective/composable-business.md
index 18cd5808..6a615e44 100644
--- a/docs/objective/composable-business.md
+++ b/docs/objective/composable-business.md
@@ -1,14 +1,14 @@
---
-title: Composable Business
+title: "B: Composable Business"
authors:
- Jacobus Geluk
hide:
- toc
---
-# Composable Business
+# B: Composable Business
-The Future of Business Is Composable
+_The Future of Business Is Composable_
diff --git a/docs/objective/enable-reuse.md b/docs/objective/enable-reuse.md
index 2b25b5ed..29bfb2ae 100644
--- a/docs/objective/enable-reuse.md
+++ b/docs/objective/enable-reuse.md
@@ -1,11 +1,11 @@
---
-title: Enable Reuse
+title: "M: Enable Reuse"
authors:
- Jacobus Geluk
hide:
- toc
---
-# Enable Reuse
+# M: Enable Reuse
_Create an ecosystem of reusable components for the EKG._
diff --git a/docs/objective/increase-quality.md b/docs/objective/increase-quality.md
index a71d1d4f..55cc3eef 100644
--- a/docs/objective/increase-quality.md
+++ b/docs/objective/increase-quality.md
@@ -1,11 +1,11 @@
---
-title: Increase Quality
+title: "I: Increase Quality"
authors:
- Jacobus Geluk
hide:
- toc
---
-# Increase Quality
+# I: Increase Quality
_Enforce 100% test coverage based on real business scenarios and requirements._
diff --git a/docs/objective/index.md b/docs/objective/index.md
index 38fa28d0..65ba7efc 100644
--- a/docs/objective/index.md
+++ b/docs/objective/index.md
@@ -8,79 +8,79 @@ The primary reasons for creating a [Use Case Tree](../concept/use-case-tree.md)
-- :material-cached:{ .lg } __Interoperability Achieved__
+- __Interoperability Achieved__
{% include-markdown "objective/interoperability.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](interoperability.md)
-- :material-cached:{ .lg } __Business Composability Improved__
+- __Business Composability Improved__
{% include-markdown "objective/composable-business.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](composable-business.md)
-- :material-cached:{ .lg } __Requirements Captured__
+- __Requirements Captured__
{% include-markdown "objective/know-what-the-business-wants.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](know-what-the-business-wants.md)
-- :material-cached:{ .lg } __Knowledge Captured__
+- __Knowledge Captured__
{% include-markdown "objective/capture-knowledge.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](capture-knowledge.md)
-- :material-cached:{ .lg } __Gaps Bridged__
+- __Gaps Bridged__
{% include-markdown "objective/bridge-the-gap.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](bridge-the-gap.md)
-- :material-cached:{ .lg } __Expectations Managed__
+- __Expectations Managed__
{% include-markdown "objective/manage-expectations.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](manage-expectations.md)
-- :material-cached:{ .lg } __Did not boil the ocean__
+- __Did not boil the ocean__
{% include-markdown "objective/avoid-boiling-the-ocean.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](avoid-boiling-the-ocean.md)
-- :material-cached:{ .lg } __Disruption Avoided__
+- __Disruption Avoided__
{% include-markdown "objective/avoid-disruption.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](avoid-disruption.md)
-- :material-cached:{ .lg } __Quality Increased__
+- __Quality Increased__
{% include-markdown "objective/increase-quality.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](increase-quality.md)
-- :material-cached:{ .lg } __Aligned with Strategy__
+- __Aligned with Strategy__
{% include-markdown "objective/align-with-business-strategy.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](align-with-business-strategy.md)
-- :material-cached:{ .lg } __Delivered__
+- __Delivered__
{% include-markdown "objective/strategic-usecases.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](strategic-usecases.md)
-- :material-cached:{ .lg } __Modularity Managed__
+- __Modularity Managed__
{% include-markdown "objective/modularity.md"
start="" end="" %}
[:octicons-arrow-right-24: Learn more](modularity.md)
-- :material-cached:{ .lg } __Reuse Enabled__
+- __Reuse Enabled__
{% include-markdown "objective/enable-reuse.md"
start="" end="" %}
diff --git a/docs/objective/interoperability.md b/docs/objective/interoperability.md
index 9b36e08c..513bb7d7 100644
--- a/docs/objective/interoperability.md
+++ b/docs/objective/interoperability.md
@@ -1,5 +1,5 @@
---
-title: Interoperability
+title: "A: Interoperability"
summary: Interoperability Achieved
authors:
- Carlos Tubbax
@@ -7,7 +7,7 @@ date: 2022-06-23
some_url: https://method.ekgf.org/objective/interoperability/
---
-# Interoperability Achieved
+# A: Interoperability Achieved
_Enable interoperability across the enterprise at high levels of maturity._
diff --git a/docs/objective/know-what-the-business-wants.md b/docs/objective/know-what-the-business-wants.md
index e695d459..8b88b607 100644
--- a/docs/objective/know-what-the-business-wants.md
+++ b/docs/objective/know-what-the-business-wants.md
@@ -1,11 +1,11 @@
---
-title: Know what the business wants & why
+title: "C: Know what the business wants & why"
authors:
- Jacobus Geluk
hide:
- toc
---
-# Know what the business wants & why
+# C: Know what the business wants & why
_Know exactly what the business---the customer or
diff --git a/docs/objective/manage-expectations.md b/docs/objective/manage-expectations.md
index 567144f3..c49aa5c6 100644
--- a/docs/objective/manage-expectations.md
+++ b/docs/objective/manage-expectations.md
@@ -1,11 +1,11 @@
---
-title: Best form of ”expectation management”
+title: "F: Best form of \"expectation management\""
authors:
- Jacobus Geluk
hide:
- toc
---
-# Best form of ”expectation management”
+# F: Best form of "expectation management"
_Create an agreed and realistic strategic roadmap aligned to business strategy._
diff --git a/docs/objective/modularity.md b/docs/objective/modularity.md
index ba4b9dc8..1ab672d5 100644
--- a/docs/objective/modularity.md
+++ b/docs/objective/modularity.md
@@ -1,15 +1,15 @@
---
-title: Modularity
+title: "L: Modularity"
summary: Introducing EKG modularity
authors:
- Carlos Tubbax
date: 2022-05-01
some_url: https://method.ekgf.org/objective/modularity/
hide:
- - toc
+- toc
---
-# Modularity
+# L: Modularity
_Build with modular, reusable components instead of monolithic systems._
diff --git a/docs/objective/strategic-usecases.md b/docs/objective/strategic-usecases.md
index fa7b5e7b..cec5fbd1 100644
--- a/docs/objective/strategic-usecases.md
+++ b/docs/objective/strategic-usecases.md
@@ -1,12 +1,12 @@
---
-title: The ability to deliver strategic use cases
+title: "K: The ability to deliver strategic use cases"
authors:
- Jacobus Geluk
hide:
- toc
---
-# The ability to deliver strategic use cases
+# K: The ability to deliver strategic use cases
_Deliver strategic use cases that cannot realistically be done with other technologies._
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index cd6267dd..7f2bbb54 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -100,6 +100,49 @@
opacity: 1;
}
+/* Objective badge styling - circular badges with letters */
+.md-typeset .grid.cards .objective-badge {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 3rem !important;
+ height: 3rem !important;
+ border-radius: 50%;
+ background: linear-gradient(135deg, var(--md-primary-fg-color) 0%, var(--md-primary-fg-color--dark) 100%);
+ color: white;
+ font-weight: 700;
+ font-size: 1.5rem;
+ line-height: 1;
+ margin-bottom: 1rem;
+ opacity: 0.9;
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ box-shadow: 0 2px 8px rgba(74, 35, 217, 0.2);
+ position: relative;
+}
+
+.md-typeset .grid.cards .objective-badge::before {
+ content: attr(data-letter);
+}
+
+/* Dark mode badge styling */
+[data-md-color-scheme="slate"] .md-typeset .grid.cards .objective-badge {
+ background: linear-gradient(135deg, var(--md-primary-fg-color--light) 0%, var(--md-primary-fg-color) 100%);
+ box-shadow: 0 2px 8px rgba(74, 35, 217, 0.3);
+}
+
+/* Badge hover effect */
+.md-typeset .grid.cards > ul > li:hover .objective-badge,
+.md-typeset .grid.cards li:hover .objective-badge {
+ opacity: 1;
+ transform: scale(1.1) rotate(5deg);
+ box-shadow: 0 4px 12px rgba(74, 35, 217, 0.4);
+}
+
+[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover .objective-badge,
+[data-md-color-scheme="slate"] .md-typeset .grid.cards li:hover .objective-badge {
+ box-shadow: 0 4px 12px rgba(74, 35, 217, 0.5);
+}
+
/* Hide "Learn more" text but keep the link functional */
.md-typeset .grid.cards > ul > li > p:last-child,
.md-typeset .grid.cards li > p:last-child {