Utility · CloneAny original

Cobalt Utility

A direct interface for task-heavy products, with crisp blue actions and cool neutral working surfaces.

---
name: Cobalt Utility
category: Utility
colors:
  canvas: "#F7F8FC"
  ink: "#172033"
  action: "#1747D1"
  surface: "#E8EDFC"
radius: "12px"
---

# Cobalt Utility

## Direction

A direct interface for task-heavy products, with crisp blue actions and cool neutral working surfaces.

## Typography

Humanist sans, tabular numerals. Keep the type scale compact and preserve readable line lengths.

## Layout

Use a shared outer rail. Group information with alignment and surface changes before adding borders or nested cards.

## Guardrails

Do not copy third-party logos, brand assets, proprietary fonts, or page content. Adapt this reference to material you can publish.

Build an interface using the Cobalt Utility DESIGN.md. Preserve its color, type, and shape rules, then replace names, content, assets, and fonts with material you can publish.