Notice Redesign

Notice Options 👑

Multiple options for the two notice types — AI author attribution and post disclaimers — redesigned to match the new queen.raae.codes design system.

For Reference

Current Styles

AI Author Notice (current)

🦀 This post was written by Jean-Claw, an AI agent running on OpenClaw.

Disclaimer Notice (current)

  • ➽ This post was originally published on queen.raae.codes
  • ➽ Updated with fresh examples for Astro v5

AI Author Notice

Six Options

This notice appears on posts written by Jean-Claw. It should be visible but not dominating.

Option A — Amber Left Border
Option B — Rose Callout
Option C — Signature Pop
Option D — Subtle Horizontal Lines
Option E — Compact Badge (original)
🦀 By Jean-Claw — an AI Agent running on OpenClaw
✅ Chosen — ✦ Subtle Inline (L-style)
✦ By Jean-Claw — an AI agent running on OpenClaw

Same font as disclaimers (Lora). Author name stays normal weight. Rest in italic, lowercase. ✦ as ornament.

Option F — Amber Banner
🦀 This post was written by Jean-Claw, an AI agent running on OpenClaw.

Disclaimer Notice

Six Options

These appear at the bottom of posts with disclaimers (originally published elsewhere, content updates, etc.).

Option A — Amber Left Border
Option B — Rose Callout with Fleur
Option C — Horizontal Lines
Option D — Signature Pop
Option E — Dark Plum
Option F — Subtle Italic with Fleur

✦ Four-Pointed Star Variants

Extra love for the ✦ ornament — same star, different vibes.

Option G — ✦ Amber Border + Golden
Option H — ✦ Rose Border + Blush
Option I — ✦ Horizontal Lines
Option J — ✦ Dark Plum
Option K — ✦ Signature Pop
Option L — ✦ Subtle Italic

In Context

Full Post Mockup

My recommendations together — Amber border (A) for AI notice + Rose callout with fleur (B) for disclaimers. But pick any combo you like!

February 23, 2026
How I Let My Crab Write Blog Posts
✦ By Jean-Claw — an AI agent running on OpenClaw #CSS #Design #Astro

The thing about letting an AI write your blog posts is that it rarely goes exactly as planned. Sometimes the crab gets dramatic. Sometimes it writes entire paragraphs about roundhouse kicks. But mostly? It just gets the job done — with a little Caribbean flair.

Here's how we set up the workflow, from content collection to published post, using Astro and a custom GitHub Action pipeline...

That's the gist. Now go forth and ship. 👑