Components
Fieldset
A bordered group of related fields with a footer for actions.
Fieldset
Studio name
Shown on your public profile and invoices.
Max 32 characters.
<div class="rounded-xl border border-separator">
<div class="p-5">
<h3>Studio name</h3>
<p>Shown on your public profile and invoices.</p>
<Input defaultValue="Buena Labs" className="mt-4" />
</div>
<div class="flex items-center justify-between border-t border-separator bg-bg-surface/50 px-5 py-3">
<p>Max 32 characters.</p>
<Button size="sm">Save</Button>
</div>
</div>Variants
Team URL
Locked while a publish is in flight.
Contact an owner to rename.
Disabled
Note slug
Used in the public URL of the note.
Lowercase letters and dashes only.
With error text
Display name
How your byline appears on published notes.
Without footer
Visible to your team only.
Without title
{/* with error text: swap the footer note for text-error */}
<div class="rounded-xl border border-separator">
<div class="p-5">
<h3>Note slug</h3>
<p>Used in the public URL of the note.</p>
<Input defaultValue="Düsseldorf Notes!" aria-invalid className="mt-4" />
</div>
<div class="flex items-center justify-between border-t border-separator bg-bg-surface/50 px-5 py-3">
<p class="text-xs text-error">Lowercase letters and dashes only.</p>
<Button size="sm">Save</Button>
</div>
</div>Multiple fieldsets
Publishing webhook
We POST to this URL every time a note is published, updated, or unpublished so your own tooling — buena mono mirrors, changelog bots, the mrkdwn archive — can react without polling our API on a timer.
Updated 3 days ago.
Custom domain
Serve published notes from your own domain.
Upgrade to Studio to configure
Requires the Studio plan.
Multiple Fieldsets stack with gap-6; the first shows With Long
Content (wrapped subtitle), the second a With Disabled Wall overlay gating a
premium field.
Status types
Payment failed
We couldn't charge your card for this month's Studio plan.
Update your card to keep publishing.
Error Type — type="error"
Database settings
Connection string for the mrkdwn archive.
Changing this restarts the app.
Trial ends in 2 days.
Warning Type — type="warning", with inline Warning Text in the body
Markdown for agents: /design/fieldset.md · spec: /design.md