← Visual design
toolshed

AI attribution box

The styled aside shown at the top of posts to declare how much AI was involved in writing them.

Every post can declare its AI involvement level via a frontmatter field. When set, a styled aside appears above the post content.

The four levels

ValueLabelMeaning
100% Maai100% MaaiFully written by Maaike, no AI
assistedAI-assistedHer ideas and structure, AI helped refine
co-createdCo-created with AIWritten by AI based on her ideas and direction
generatedAI-generatedFully generated by AI, reviewed by her

If the field is absent, no box appears.

Visual design

.ai-box {
  background: var(--color-tag-bg);
  border-left: 3px solid var(--color-accent);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  font-size: 0.92rem;
  line-height: 1.6;
}

.ai-box-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.ai-box-label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #C00060;
}

The left border uses the brand pink accent. The label color is a slightly deeper pink for legibility at small size.

In the stream / cards

The AI field is also shown in the top meta bar of every index card: a small all-caps label (e.g., 100% MAAI) aligned to the right of the meta bar. Posts with ai: generated are excluded from the stream entirely — they don’t appear on the homepage.

Frontmatter

ai: co-created   # 100% Maai | assisted | co-created | generated

Why transparency

Maaike works in public. The garden is a thinking space, not a broadcast channel. Being clear about how Claude was involved is part of the same ethos as showing maturity stages: no post pretends to be more finished or more hand-crafted than it is.

Mycelium tags, relations & arguments