Brand Strategy

Press d to toggle theme.

Why do I exist?

AI is changing how every team builds software — and without conscience, that speed destroys trust.

What do I do?

TLDR: I build teams that ship with AI.

Agentic product development — I help creators keep their authentic voice while shipping faster — no AI psychosis.
Prototype to production — I architect and ship — from first commit to production deployment.
Innovation to stay ahead — I help organizations adopt emerging standards before they're forced to, turning future risk into present advantage.

How do I do it?

Three principles I apply to every engagement.

I. Agentic SDLC

People orchestrate. Agents execute.

I help teams make the shift from writing code to engineering the context that drives agents. Same quality gates, same review process, same accountability. Just faster.

Spec-DrivenAgent-Assisted

II. Less is More

Every dependency is a liability.

Fewer moving parts. Fewer surprises. Systems that stay maintainable long after the initial build.

YAGNIKISSPOLADRY

III. Open & Interoperable

Standards as competitive judo.

Design for composability and every spec becomes a building block others can reuse without asking permission. When tools speak the same protocols, competition shifts from moats to merit.

IETFW3CLinux Foundation

Typography

Geist Sans for both headings and body. Geist Mono for code.

Headings

The quick brown fox

text-5xltext-4xltext-3xltext-2xltext-xltext-lg

Body Text

AI is changing how every team builds software — and without conscience, that speed destroys trust. This is lead text, used for introductory paragraphs.

I help teams make the shift from writing code to engineering the context that drives agents. Same quality gates, same review process, same accountability. Just faster. This is standard body text.

This is muted text, used for captions, helper text, and metadata. It provides secondary information without competing for attention.

Font Weights

Light — Geist Sans 300

Regular — Geist Sans 400

Medium — Geist Sans 500

Semibold — Geist Sans 600

Bold — Geist Sans 700

Inline Styles

This is bold text and this is italic text and this is bold italic together.

Links look like this inline link with an underline offset.

Inline code uses Geist Mono: npm run build for commands and tokens.

Keyboard shortcuts use Ctrl + K styling.

Use highlighted text for emphasis and ~~strikethrough~~ for removed content.

Code Block

// Geist Mono for code blocks
const profile = {
  name: "Orie Steele",
  title: "Strategy, Architecture, Development",
  principles: ["Agentic SDLC", "Less is More", "Open & Interoperable"],
};

Lists

Unordered

Agentic product development
Prototype to production
Innovation to stay ahead

Ordered

01Define the specification
02Agent implements and tests
03Human reviews and approves

Blockquote

“Work expands so as to fill the time available for its completion.”
— C. Northcote Parkinson, 1955

Color Tokens

Mist palette in OKLch color space. Toggle theme to see adaptive values.

Background

var(--background)

Page and component backgrounds

Foreground

var(--foreground)

Primary text and icons

Primary

var(--primary)

Buttons, links, key actions

Primary FG

var(--primary-foreground)

Text on primary surfaces

Secondary

var(--secondary)

Secondary buttons, subtle fills

Secondary FG

var(--secondary-foreground)

Text on secondary surfaces

Muted

var(--muted)

Disabled backgrounds, code blocks

Muted FG

var(--muted-foreground)

Captions, helper text, metadata

Accent

var(--accent)

Hover states, subtle highlights

Accent FG

var(--accent-foreground)

Text on accent surfaces

Destructive

var(--destructive)

Errors, danger actions

Border

var(--border)

Dividers, card outlines, separators

Input

var(--input)

Form field borders

Ring

var(--ring)

Focus indicators

Card

var(--card)

Card and popover backgrounds

Card FG

var(--card-foreground)

Text within cards

Buttons

All interactive variants, sizes, and states.

Variants

Sizes

States

Cards

Content containers with header, body, and footer slots.

RFC 9596

CBOR Web Token (CWT) Claims

Defines how to label signed data so systems can process it correctly. Adopted globally by software that verifies the authenticity of messages and documents.

IETF

RFC 9679

COSE Key Thumbprint

Creates a universal fingerprint for security keys, making it easy to identify and match keys across systems without sharing sensitive data.

IETF

DIDs v1.0

Decentralized Identifiers

The foundational web standard for digital identity that doesn't depend on a single company or government. Used by organizations building portable, user-controlled identity systems.

W3C

Badges

Inline labels for categorization and status.

DefaultSecondaryDestructiveOutline

Form Controls

Inputs, selects, textareas, and switches.

Text Input

Email Input

Disabled Input

Select

Textarea

Enable dark mode

Alerts

System feedback for informational and error states.

Standards Compliant

This page passes WCAG 2.1 AA contrast requirements in both light and dark themes using OKLch perceptually uniform colors.

Breaking Change

This alert style is reserved for errors, critical warnings, and destructive actions that cannot be undone.

Composed Patterns

Real component combinations used across the site.

Standards Credential

How career highlights are displayed on the homepage — combining cards, badges, links, and typographic hierarchy.

Application and Real Time Area Director

Internet Engineering Task Force

Member of the Internet Engineering Steering Group (IESG), the body responsible for final approval of all internet standards. Oversees the Applications and Real-Time area, guiding the working groups that define how software communicates across the internet.

IETFIESG

Expertise Grid

How professional focus areas are presented — a responsive grid of bordered cards with consistent heading and description sizing.

Agentic SDLC

Teaching product and engineering teams to work alongside AI agents at every stage.

InfoSec & OpSec

Preparing enterprises for post-quantum digital signatures and encryption.

Supply Chain

Evidence-based assurance that products are legitimate, verified, and authorized.

Contact Form

A composed form pattern showing labels, inputs, textarea, and button working together.

Get in Touch

Send a message about consulting, standards work, or collaboration.

Name

Message

Design Decisions

Static Export Only

Every page is pre-rendered at build time. No server-side rendering, no serverless functions, no runtime dependencies. The site is a set of HTML files that can be served from anywhere, forever.

OKLch Color Space

Perceptually uniform color model where equal numeric distances produce equal perceived differences. Contrast ratios are predictable across the entire palette without manual adjustment per-color.

Single Font Family

Geist Sans for both headings and body eliminates a font download, reduces layout shift, and keeps the type system coherent. Weight and size create hierarchy, not font switching.

Semantic Tokens Over Hardcoded Values

Every color is a CSS custom property with a semantic name. Components reference intentions (primary, muted, destructive), not specific colors — enabling theme switching with zero component changes.