---
specification: FinOps Framework
specificationVersion: '1.0'
schema: https://www.finops.org/framework/
provider: CodePen
providerId: codepen
created: '2026-06-12'
modified: '2026-06-12'
reconciled: true
tags:
  - FinOps
  - FOCUS
description: FOCUS-aligned FinOps for CodePen.
sources:
  - https://codepen.io/pricing
alignedWith:
  framework: FinOps Foundation Framework
  frameworkUrl: https://www.finops.org/framework/
  dataSpec: FOCUS
  dataSpecVersion: '1.3'
  dataSpecUrl: https://focus.finops.org/focus-specification/v1-3/
publisherName: CodePen
serviceCategory: Developer Tools
billingModel:
  pricingCategory: Subscription
  billingFrequency: Monthly
  billingCurrency: USD
focusColumns:
  ServiceName: CodePen
  ServiceCategory: Developer Tools
  ProviderName: CodePen
  PublisherName: CodePen
  BillingCurrency: USD
meters:
  - name: Subscription Seat
    unit: user/month
    aggregation: sum
  - name: Asset Hosting Storage
    unit: GB
    aggregation: max
  - name: Collab Mode Seats
    unit: concurrent-users
    aggregation: max
principles:
  - name: Visibility
    description: Track CodePen plan spend monthly per team seat and compare against asset hosting utilization to right-size the tier.
  - name: Optimization
    description: Downgrade to a lower PRO tier if asset storage consumption and Collab Mode seat count remain below the next tier's thresholds; consolidate individual seats into a Team plan when per-user cost favors it.