GSF Component Catalogue
Every reusable component from the GSF website and microsites (SCI, WDPC, SOFT, SCI for AI), displayed with live examples. Use the component names as labels when specifying page layouts.
Scroll down to browse each component, or use the navigation bar above to jump to a specific one.
2. Hero
File: src/components/hero.astro
Full-width hero with cream background. Left: H1 headline, subtitle, body text, 1-2 CTA buttons. Right: SVG illustration. Supports headingSuffix for text after the accent span (e.g. "Measure AI's Carbon with Purpose").
Props: heading, headingAccent, headingSuffix, body, ctas[], imageSrc, bgClass
Used on: All microsites and homepage (top of every page)
4. LogoMarquee
File: src/components/logo-marquee.astro
Two rows of member logos scrolling horizontally in opposite directions (infinite marquee animation). Logos fetched from Notion at build time.
Props: heading, greyscale, bgClass
Used on: SCI, WDPC, SOFT, SCI for AI, Homepage
ISO-accredited and endorsed by leading technology organizations
5. TextBlock
File: src/components/text-block.astro
Centred heading and body text. Supports *accent* syntax in headings for green-highlighted words. Optional image and card wrapping. Good for section introductions.
Props: heading (supports *accent*), body, imageSrc, card, compact
Used on: SCI, WDPC, SOFT, SCI for AI, Homepage
Variant A: Centred Text + Ticker (legacy)
File: src/components/_catalogue/what-sci.astro
What is Software Carbon Intensity?
The Software Carbon Intensity (SCI) specification is an ISO-accredited standard (ISO/IEC 21031:2024) for measuring the carbon emissions of software applications. It provides a clear, consistent methodology that transforms complex environmental data into a single actionable score—making it possible to compare different software solutions, track improvements over time, and make evidence-based decisions about technology choices.
Unlike traditional carbon accounting that focuses on totals and offsets, SCI calculates a rate—carbon emissions per functional unit of your software, whether that's per user, per transaction, or per API call. This approach reveals the true efficiency of your software and guides you toward meaningful reductions through better code, smarter infrastructure choices, and carbon-aware computing strategies.
Variant B: Centred Text + Feature Grid (legacy)
File: src/components/_catalogue/what-wdpc.astro
What is WDPC ?
The Workload Dynamic Power and Cooling (WDPC) framework represents a fundamental shift in how computational workloads and energy infrastructure communicate.
Standardized Data Formats
By establishing standardized temporal data formats and interfaces, WDPC creates a common language that enables compute workloads, data centers, and power grids to communicate effectively.
Real-time Coordination
This common language allows them to coordinate in real-time without relying on prescriptive control systems. Think of WDPC as the universal translator for the energy ecosystem.
Grid Stability Support
It enables every component—from individual processors to municipal power grids—to share their needs, capabilities, and constraints in a format everyone understands, supporting a stable and responsive grid.
Renewable Energy Optimization
This approach transforms isolated "energy islands" into an intelligent, connected network capable of handling demanding computational tasks while optimizing renewable energy use and overall grid stability.
Variant C: Two-Column with Image (legacy)
File: src/components/_catalogue/what-soft.astro
What is SOFT?
The Sustainable Organisational Framework for Technology (SOFT) is your organization's complete transformation guide for sustainable software practices. Developed by the Green Software Foundation and ratified by leading technology organizations, SOFT provides the bridge between knowing sustainability matters and actually achieving it through your technology operations.
Parameterised TextBlock
Uses *accent* heading syntax and compact mode
Why SCI for AI Matters
Artificial intelligence is transforming industries at an unprecedented pace, but its environmental impact remains largely unmeasured and unaddressed.
6. TextWithImage
File: src/components/text-with-image.astro
Two-column layout — text on one side, illustration on the other. Supports two heading styles: bold (default, extrabold with accent span) and light (semibold, all green). Also supports icon feature rows with optional background icon. Use reversed to flip image to left.
Props: badge, heading, headingAccent, stats[], body, iconFeatures[], iconFeaturesBgIcon, ctaText, imageSrc, reversed, headingStyle ("bold"|"light")
Used on: SCI, WDPC, SOFT, SCI for AI, Homepage
Variant A: Bold heading (default)
Extrabold heading with accent span. Standard layout.
Industry Impact
The Software Carbon Intensity specification provides a consistent methodology for quantifying software's carbon emissions, enabling organisations to make data-driven decisions.
Variant B: Light heading style
Semibold, all-green heading. Used for lighter sections on SCI for AI.
Industry Impact
AI systems are rapidly becoming one of the most energy-intensive technologies. The SCI for AI specification brings transparency to AI's carbon emissions.
Variant C: Icon features + reversed layout
Image on left, icon feature rows on right with decorative background icons.
Business Benefits
Cost Optimisation - Identify and eliminate wasteful computational overhead in AI workflows.
Regulatory Compliance - Stay ahead of emerging AI sustainability regulations and reporting requirements.
Legacy: WhySCI (hardcoded)
Why SCI Matters
Software's environmental impact is invisible but significant—and growing exponentially with AI and digital transformation.
Industry Impact
Every line of code, every server, every user interaction contributes to the software's growing carbon footprint. The SCI specification makes this invisible impact visible and actionable. By providing a standardized measurement protocol, it enables the entire industry to work from the same playbook—creating transparency, driving innovation, and accelerating the transition to truly sustainable technology. Major organizations, including AVEVA, Microsoft, NTT DATA, and UBS, are already using SCI to transform how they build and deploy software.
Business Benefits
Drive Cost Efficiency - Software optimized for lower SCI scores uses less energy and hardware, directly reducing operational costs
Meet Sustainability Goals - Demonstrate measurable progress toward net-zero commitments with ISO-certified methodology
Gain Competitive Advantage - Differentiate your products with verified sustainability credentials that customers increasingly demand
Future-Proof Operations - Stay ahead of emerging regulations and reporting requirements with established measurement practices
Environmental Impact
Every point reduction in your SCI score represents real carbon that never enters the atmosphere. This isn't about purchasing offsets or making claims - it's about fundamental changes in how software is designed, developed, and deployed. When organizations optimize for SCI, they naturally adopt practices that reduce energy consumption, extend hardware lifecycles, and shift computing to cleaner energy sources. The cumulative effect of thousands of development teams making these optimizations could prevent millions of tons of carbon emissions annually.
7. EquationBlock
File: src/components/_catalogue/how-it-works.astro
Centred section with heading, explanatory text, then a large styled equation display (e.g., "SCI = (E x I + M) per R"). Great for any formula, methodology, or key concept that needs visual emphasis.
Used on: SCI only. Unique and reusable for any formula/concept display.
A New Way to Think About Software
The SCI score combines three essential factors that determine software's carbon footprint: the energy your software consumes (E), the carbon intensity of that energy based on location and time (I), and the embodied emissions from manufacturing the hardware (M). These are calculated per functional unit (R) - creating a rate that reveals true efficiency.
SCI = (E × I + M) per R
This simple equation transforms how teams approach software development. Instead of guessing at environmental impact, you can measure it. Instead of generic best practices, you have specific targets. Instead of greenwashing, you have genuine reductions.
8. FeatureGrid
File: src/components/feature-grid.astro
Grid of feature items with three variants: cards (rounded card grid), bordered (centred card with bordered grid), and plain (left-aligned heading with vertical dividers). Supports 2-5 columns and *accent* headings.
Props: heading (supports *accent*), body, bodyHtml, features[] (icon, title, description, linkText, linkHref), columns (2|3|4|5), variant ("cards"|"bordered"|"plain"), compact
Used on: SCI, WDPC, SOFT, SCI for AI, Homepage
Variant A: Cards (default)
Rounded cards with icon, title, description, and optional link.
Transformative Capabilities
SCI for AI brings structured measurement to every aspect of AI's environmental impact.
End-to-End Lifecycle Coverage
From data collection through model training to inference and deployment, SCI for AI covers every phase.
Methodology Transparency
Clear boundary definitions and measurement methodologies ensure consistent, comparable results.
Actionable Insights
Move beyond simple energy metrics to understand the true carbon impact of AI decisions.
Variant B: Bordered
Centred content inside a bordered rounded card with grid dividers.
Explore the GSF Ecosystem
Resources and tools to help you build greener software.
Specification
Read the technical specification for measuring carbon intensity.
Case Studies
See how organisations are implementing the methodology.
Tools
Open-source tools for measuring your software's carbon footprint.
Community
Join the community and contribute to the standard.
Variant C: Plain (left-aligned with vertical dividers)
Left-aligned heading, vertical dividers between items. Supports bodyHtml for HTML body with bold spans.
Understanding AI's Carbon Lifecycle
The SCI for AI specification covers five key phases of the AI lifecycle, each contributing to the total carbon footprint.
Inception & Design
Carbon costs of planning, designing architectures, and selecting approaches.
Data for Development
Energy used in data collection, cleaning, labelling, and storage.
Experimentation
Resources consumed during model development, hyperparameter tuning, and testing.
Training
The most energy-intensive phase — full model training, distributed computing, and GPU usage.
Deployment
Ongoing inference costs, model serving, monitoring, and retraining cycles.
Legacy: Features (hardcoded)
The SOFT Framework
Four pillars. One transformation. Unlimited potential.
Strategy
Strategic planning and vision alignment for transformative business outcomes.
Implementation
Seamless execution and deployment of solutions with precision and expertise.
Operational
Streamlined processes and optimized workflows for maximum efficiency.
Compliance and Regulations
Robust compliance frameworks and security measures to protect your business.
9. SuccessStoriesCarousel
File: src/components/_catalogue/success-stories.astro + src/components/_catalogue/react/success-stories-carousel.tsx
Interactive horizontal Embla carousel of case study cards. Each card: organisation badge, H3 title, summary, "Read Case Study" link. Arrow buttons for navigation.
Used on: SCI only. Reusable for any card carousel.
Organizations Leading with SCI
Financial institutions, consultancies, and technology companies worldwide are implementing SCI to measure and reduce software carbon emissions.
Implementing SCI to Track Software Emissions
Accenture applied SCI to calculate and track carbon emissions for an internal reference application, establishing a practical baseline methodology that includes embodied emissions.
Baselining Software Carbon Emissions
UBS demonstrates applying SCI to baseline carbon emissions for two enterprise applications in investment banking and asset management, identifying available data sources and calculation methodologies.
Decarbonizing Software with SCI
CAST integrated SCI with CAST Highlight to decarbonize an enterprise application, achieving an estimated 400 kg annual CO2 reduction and 5% improvement in execution duration.
Calculating Carbon Footprint for Serverless Apps
A practical guide to measuring carbon emissions of serverless applications using the SCI specification, with step-by-step methodology for event-driven architectures.
Carbon-Aware Computing at UBS
UBS and Microsoft implemented the first enterprise-scale carbon-aware computing system, using SCI and the Carbon Aware SDK to reduce emissions in their core risk platform workloads.
Embedding SCI in Azure Architecture
Microsoft integrated SCI into the Azure Well-Architected Framework, providing sustainability guidance and measurement tools for Azure customers to design carbon-efficient workloads.
10. TestimonialQuote
File: src/components/testimonial.astro
Wide section with large blockquote in italics, flanked by decorative quotation mark SVGs. Below: person name, title, company. Cream background.
Props: quote, author, title, company
Used on: SCI, Homepage
“SCI specification provided a practical methodology to baseline carbon emissions of the application, including embodied emissions and reducing the same.”
11. TabbedSection
File: src/components/tabbed-section.astro
Tabbed interface with left tab triggers and right content panel with illustration. Uses Radix UI Tabs + Framer Motion transitions. Good for audience breakdowns, architecture layers, or multi-step processes.
Props: badge, heading, imageSrc, ctaText, tabs[] (value, heading, description), compact
Used on: SCI for AI (Architecture), Homepage (5 problem-solution pairs)
A New Architecture for Sustainable AI
12. StatsGrid
File: src/components/stats-grid.astro
Split layout. Left: heading, body, stat boxes. Right: linked reference cards. Good for evidence/credibility sections.
Props: heading, headingAccent, body, stats[], cards[]
Used on: SCI
Validated by Academia and Industry
The SCI specification is the only ISO-accredited carbon measurement standard for software, referenced in 15+ peer-reviewed papers and implemented by leading technology organizations worldwide.
Microsoft Azure Sustainability Framework
Microsoft integrated SCI into Azure's official sustainability framework.
Read Documentation →ThoughtWorks Implementation Guide
Global implementation guide for calculating software carbon intensity.
Read Guide →13. AudienceTabs (legacy)
File: src/components/_catalogue/audience-benefits.astro
Tabbed interface with audience names as triggers. Legacy component — now replaced by the parameterised TabbedSection above.
Used on: SCI ("Built for Every Role"), WDPC ("A New Architecture")
Built for Every Role in Software
14. AudienceCards (legacy)
File: src/components/_catalogue/audience-cards.astro
Three side-by-side cards with large illustration, icon + heading, body paragraph. Alternative to AudienceTabs when you want all audiences visible at once. Now buildable with CardGrid.
Used on: WDPC, SOFT
WDPC Audience
Developers
WDPC gives you the data foundation to build truly carbon-aware applications. Through standardized APIs, your services can receive real-time signals about grid carbon intensity, infrastructure capacity, and renewable energy availability.
While you design the logic, WDPC ensures you have consistent, reliable data to make intelligent scheduling decisions. This is your chance to architect systems that balance performance with sustainability, and have the metrics to prove it.
Business Leaders
WDPC opens doors to energy market participation and demand response programs that were previously inaccessible. With standardized data exchange, your facilities gain the visibility needed to optimize energy costs and demonstrate sustainability progress with real metrics.
As AI workloads grow, WDPC provides the coordination framework to scale intelligently, aligning computational needs with grid capacity and renewable availability. It's the foundation for turning energy management from reactive to strategic.
Sustainability Teams
WDPC brings clarity to sustainability measurement by standardizing how energy and carbon data flows through your infrastructure. You'll have consistent temporal data to track actual carbon intensity, measure waste heat recovery, and correlate workload decisions with emissions.
For your reporting system, WDPC ensures the underlying data is reliable, comparable, and auditable. Finally, a path to sustainability claims backed by real operational data.
15. CardGrid
File: src/components/card-grid.astro
Versatile card grid supporting icons, images, featured (dark) cards, CTA buttons, and decorative SVG overlays. Cards auto-layout: icon-only cards show icon → HR → title → text → button; icon+image cards show image at top with inline icon+title. Supports left or centre alignment.
Props: heading (supports *accent*), headingAccent, body, cards[] (icon, imageSrc, title, description, bodyHtml, featured, ctaText, ctaHref), columns (2|3|4), align ("center"|"left"), decorSrc, bgClass
Used on: SCI for AI (Explore Further, Shape the Future), SOFT, WDPC, Homepage
Variant A: Centre-aligned (default)
Variant B: Left-aligned with decorative SVG
Uses align="left" and decorSrc for a tree/leaf SVG overlaying the top-right card area.
Explore Further
Deep-dive into the resources that support SCI for AI implementation.
Variant C: Cards with images
Cards with imageSrc show the image at the top; icon appears inline with title below.
16. SplitCards
File: src/components/split-cards.astro
Two-column layout with an info card on the left and a quote card on the right. The info card supports a heading, body text, icon, and decorative corner SVG. The quote card has a quote icon, quote text, and attribution with optional avatar. Great for pairing factual content with a testimonial.
Props: heading, body, iconSrc, decorSrc, quote, quoteIconSrc, attribution (avatar, name, role, company), bgClass
Used on: SCI for AI ("Building on Industry Collaboration")
Building on Industry Collaboration
SCI for AI extends the established Software Carbon Intensity (SCI) methodology, bringing the same rigorous measurement approach to the unique challenges of artificial intelligence.
“The SCI for AI specification represents a critical step forward in our ability to understand and reduce the environmental impact of artificial intelligence systems.”
Sample Attribution
Role Title
Organisation
17. ResourceCards
File: src/components/resource-cards.astro
Row of cards with SVG icon/illustration at top, title, body text, CTA button at bottom. Supports *accent* headings.
Props: heading (supports *accent*), body, cards[] (icon, title, description, ctaText, ctaHref)
Used on: SCI, SOFT, WDPC, Homepage
18. MissionCard (legacy)
File: src/components/_catalogue/mission-card.astro
Centred card with decorative border, top ornament, H1 title, and italic body text. Great for mission statements or key quotes that need visual emphasis.
Used on: WDPC, SOFT, SCI for AI
The 200MW Challenge
Modern AI workloads can create massive, rapid power surges comparable to hundreds of thousands of households switching on ACs simultaneously, risking grid destabilization and increased carbon emissions. WDPC prevents this by enabling predictive coordination: workloads share their plans, grids adjust in advance, and the system adapts in real time, ensuring stability, efficient renewable use, and sustainable performance
19. CTACard
File: src/components/cta-card.astro
Two-column card with text on the left and illustration on the right. Supports *accent* heading syntax and bodyHtml for rich content with links and line breaks.
Props: heading (supports *accent*), body, bodyHtml, ctaText, ctaHref, imageSrc, imageAlt
Used on: SCI for AI ("What is SCI for AI"), Homepage
What is SCI for AI?
Unlike simple energy metrics, SCI for AI provides a comprehensive framework that accounts for the unique characteristics of AI workloads.
21. CommunityReach
File: src/components/community-reach.astro
Left: heading with accent, body, stat counters. Right: world map illustration. Used on the homepage for GSF's global impact stats.
Props: heading (supports *accent*), body, imageSrc, stats[], ctaText, ctaHref
Used on: Homepage
22. GetStartedCTA (legacy)
File: src/components/_catalogue/ready-to-implement.astro
Compact mid-page call-to-action. Rounded card with accent background colour. Illustration on left, heading + body text + CTA button on right.
Used on: SOFT ("Ready to Explore?")
23. GetInvolved (legacy)
File: src/components/_catalogue/get-involved.astro
4-column grid of action cards with featured first card. Now buildable with CardGrid component.
Used on: SOFT, WDPC
Get Involved
Multiple Ways to Join the Movement
Explore the Framework
Read the full documentation and share your feedback
Join the Software Standards Working Group
(Members Only)
Collaborate with industry experts shaping this framework
Visit the Directory
Get in touch with project leads
Inquiry about becoming a GSF member
Reach out directly to the GSF team
24. Timeline
File: src/components/timeline.astro + src/components/react/timeline-track.tsx
Horizontal timeline with connected milestone nodes. Progress track fills based on activeIndex. Completed = green filled circles. Upcoming = outlined. Current node has pulsing ping animation. Uses Framer Motion for smooth progress animation.
Props: heading, body, milestones[] (date, title), activeIndex
Used on: SCI, WDPC, SOFT, SCI for AI
Journey to Transformation
Current focus: The specification is actively developing, and experts, operators, and sustainability practitioners are invited to refine and validate it.
-
June 2021
Vision Launched
-
March 2022
v1.0 Published
-
April 2024
ISO Accreditation Achieved
-
October 2024
v1.1 Released
-
Q1 2025
Dedicated SCI Course Launch
-
2025
Current
25. TeamGrid
File: src/components/team-grid.astro
Team member grid with circular photos, names, roles, company, and social links. Auto-constrains width for small teams (max-w-2xl for 1-2 members, max-w-4xl for 3). Supports custom background colour.
Props: heading, body, members[] (name, role, company, photo, socialMedia[]), columns (2|3|4), bgClass
Used on: SCI, WDPC, SOFT, SCI for AI
26. AboutGSF (legacy)
File: src/components/_catalogue/about-gsf.astro
Two-column layout. Left: GSF logo illustration. Right: heading, body paragraphs, CTA button. Now buildable with TextWithImage.
Used on: SCI, WDPC, SOFT
About the Green Software Foundation
The SCI specification is developed and maintained by the Green Software Foundation (GSF), a nonprofit consortium under the Linux Foundation dedicated to building a future where software has zero harmful environmental impact. With steering members including Accenture, Avanade, BCG X, Cisco, Google, Microsoft, NTT Data, Siemens, and UBS, GSF creates trusted standards, tools, and education for sustainable software development.
Beyond the SCI specification, the foundation develops open-source tools like the Impact Framework and Carbon Aware SDK, and has trained over 130,000 practitioners in green software principles worldwide.
28. Markdown & Typography
Styles: @tailwindcss/typography with GSF brand overrides in global.css
Prose styles for article and content pages. Uses the .prose class with branded headings, links, blockquotes, code blocks, and tables.
Used on: Articles, policy pages, content pages
Markdown & Typography Guide
This page demonstrates every markdown feature available for content pages. Each section shows the raw markdown source you’d write, followed by the rendered output.
Headings
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6Heading 3
Heading 4
Heading 5
Heading 6
Inline Formatting
This has **bold text**, *italic text*, ***bold italic***, ~~strikethrough~~, and `inline code`.This has bold text, italic text, bold italic, strikethrough, and inline code.
Links
An [internal link](/standards/sci/) and an [external link](https://github.com/Green-Software-Foundation).An internal link and an external link.
Unordered Lists
- First item
- Second item
- Nested item
- Another nested item
- Deeply nested
- Third item- First item
- Second item
- Nested item
- Another nested item
- Deeply nested
- Third item
Ordered Lists
1. Measure your software's carbon intensity
2. Identify the largest contributors
3. Apply green software patterns
1. Optimize energy efficiency
2. Shift workloads to low-carbon regions
3. Reduce embodied carbon
4. Re-measure and track progress- Measure your software’s carbon intensity
- Identify the largest contributors
- Apply green software patterns
- Optimize energy efficiency
- Shift workloads to low-carbon regions
- Reduce embodied carbon
- Re-measure and track progress
Task Lists (GFM)
- [x] Install the Carbon Aware SDK
- [x] Configure regional carbon data sources
- [ ] Implement workload shifting logic
- [ ] Deploy to production- Install the Carbon Aware SDK
- Configure regional carbon data sources
- Implement workload shifting logic
- Deploy to production
Blockquotes
> Software is not green by default. It takes intentional design,
> measurement, and continuous improvement.Software is not green by default. It takes intentional design, measurement, and continuous improvement.
Nested Blockquote
> The SCI specification provides a rate-based metric.
>
> > This means you can compare carbon efficiency
> > regardless of scale.
>
> That's what makes it actionable.The SCI specification provides a rate-based metric.
This means you can compare carbon efficiency regardless of scale.
That’s what makes it actionable.
Code Blocks
JavaScript
```javascript
const sdk = new CarbonAwareSDK({ region: 'uk-south' });
const forecast = await sdk.getForecast({
start: new Date(),
end: new Date(Date.now() + 24 * 60 * 60 * 1000),
});
```const sdk = new CarbonAwareSDK({ region: 'uk-south' });
const forecast = await sdk.getForecast({
start: new Date(),
end: new Date(Date.now() + 24 * 60 * 60 * 1000),
});Python
```python
def calculate_sci(energy_kwh, carbon_intensity, embodied, units):
"""SCI = ((E * I) + M) / R"""
return (energy_kwh * carbon_intensity + embodied) / units
```def calculate_sci(energy_kwh, carbon_intensity, embodied, units):
"""SCI = ((E * I) + M) / R"""
return (energy_kwh * carbon_intensity + embodied) / unitsInline Code
Run `npm install @carbon-aware/sdk` then use the `--carbon-aware` flag.Run npm install @carbon-aware/sdk then use the --carbon-aware flag.
Tables
| Specification | Status | ISO Reference |
| ------------- | --------- | ------------------- |
| SCI | Published | ISO/IEC 21031:2024 |
| SOFT | Draft | — |
| SCI for AI | Draft | — |
| WDPC | Draft | — || Specification | Status | ISO Reference |
|---|---|---|
| SCI | Published | ISO/IEC 21031:2024 |
| SOFT | Draft | — |
| SCI for AI | Draft | — |
| WDPC | Draft | — |
Horizontal Rules
Content above the rule.
---
Content below the rule.Content above the rule.
Content below the rule.
Images
Standard Image
Full-Width Image
Breaks out of the prose column to span the full viewport width. Uses the :::full-width directive.
:::full-width
:::
Float Right
A smaller image with text wrapping around it. Uses :::float-right.
:::float-right
:::
The rest of this paragraph wraps around the image. This is useful
for author photos, small diagrams, or decorative elements...
The rest of this paragraph wraps around the image. This is useful for author photos, small diagrams, or decorative elements that shouldn’t interrupt the reading flow. The text continues to flow naturally around the floated image, creating a magazine-style layout. Once the text extends past the image, it returns to full width automatically.
Float Left
Same as float right, but on the other side. Uses :::float-left.
:::float-left
:::
Text wraps on the right side of the image...
Text wraps on the right side of the image instead. This creates a different visual flow and can be alternated with float-right for variety in longer articles. The float clears once enough text has flowed past the image height, returning to normal full-width paragraphs.
Side-by-Side Images
Two images displayed in columns using :::columns.
:::columns
:::
Figure with Caption
An image with an explicit caption (separate from alt text). Uses :::figure{caption="..."}.
:::figure{caption="Source: IEA World Energy Outlook 2025"}
:::
Callout Blocks
Callout blocks highlight important information. They use the :::note, :::warning, and :::tip directives.
Note
:::note
This article was originally published on the AWS Sustainability Blog
and has been reproduced here with permission.
:::This article was originally published on the AWS Sustainability Blog and has been reproduced here with permission.
Warning
:::warning
The SCI score is a rate, not a total. Comparing SCI scores between
different software systems requires the same functional unit.
:::The SCI score is a rate, not a total. Comparing SCI scores between different software systems requires the same functional unit.
Tip
:::tip
Use the Carbon Aware SDK to automatically shift batch workloads to
times when the grid is cleanest. This can reduce operational carbon
by 15–30% with no code changes to the workload itself.
:::Use the Carbon Aware SDK to automatically shift batch workloads to times when the grid is cleanest. This can reduce operational carbon by 15–30% with no code changes to the workload itself.
Putting It All Together
Here’s what a realistic article section looks like combining multiple elements:
Measuring Carbon at Scale
When Amadeus set out to measure the carbon impact of their flight search platform — processing 3 billion searches daily — they needed a metric that engineering teams could act on.
We tried total carbon footprint first, but the number was meaningless to individual teams. They couldn’t connect their code changes to the overall figure.
The solution was SCI, which provides a rate-based metric:
SCI = ((E * I) + M) / RThe SCI formula measures carbon per functional unit — for example, grams of CO2 per API request, per user, or per transaction.
By measuring carbon per search query, teams could:
- Set meaningful targets (e.g. “reduce SCI by 30%”)
- See the impact of specific optimizations
- Compare different implementations objectively
| Optimization | SCI Impact | Effort |
|---|---|---|
| Query caching | -22% | Low |
| Region-aware routing | -15% | Medium |
| Hardware refresh cycle | -8% | High |
The results speak for themselves — within 18 months, Amadeus reduced their SCI score by 34% across the platform.