taste-skill / Components / Anthropic Buttons

Anthropic Button Styles

2 distinct Anthropic button styles extracted from anthropic.com — heights, padding, 9999px/10px radius, colors — with copy-paste CSS and Tailwind classes.

Source: computed styles extracted from https://www.anthropic.com on 2026-10-26 by the taste-skill extractor. Brand fonts may be proprietary; previews fall back to Inter / system fonts. Anthropic is a trademark of its owner; this page documents publicly visible styling for reference and is not affiliated with Anthropic.

Rendered on the Anthropic canvas

Research Learn more

Button specs

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Research	28px	`8px 12px`	`9999px`	`#F5F4ED` `#3D3D3A`	`1px solid #E8E6DC`	`13px / 400`
Learn more	36px	`12px 24px`	`10px`	`#141413` `#FAF9F5`	`1px solid #141413`	`16.6863px / 400`

Copy-paste code

Button 1 — Research

<!-- Anthropic button 1: "Research" -->
<a class="inline-flex items-center justify-center h-[28px] py-[8px] px-[12px] rounded-[9999px] bg-[#F5F4ED] text-[#3D3D3A] border-[1px] border-solid border-[#E8E6DC] text-[13px] font-[400]">Research</a>

/* plain CSS */
.btn-anthropic-1 { height:28px; padding:8px 12px; border-radius:9999px; background:#F5F4ED; color:#3D3D3A; border:1px solid #E8E6DC; font-size:13px; font-weight:400; }

Button 2 — Learn more

<!-- Anthropic button 2: "Learn more" -->
<a class="inline-flex items-center justify-center h-[36px] py-[12px] px-[24px] rounded-[10px] bg-[#141413] text-[#FAF9F5] border-[1px] border-solid border-[#141413] text-[16.6863px] font-[400]">Learn more</a>

/* plain CSS */
.btn-anthropic-2 { height:36px; padding:12px 24px; border-radius:10px; background:#141413; color:#FAF9F5; border:1px solid #141413; font-size:16.6863px; font-weight:400; }

Transition seen on these buttons: ease-in-out, ease-in-out, ease-in-out, ease-in-out

More Anthropic

Anthropic full token spec Anthropic style guide Anthropic Pricing Table Anthropic vs ElevenLabs Cursor vs Anthropic

Same component, other brands

Linear Buttons Stripe Buttons Resend Buttons Vercel Buttons Supabase Buttons Raycast Buttons Cursor Buttons Mintlify Buttons Dub Buttons Trigger.dev Buttons PlanetScale Buttons Neon Buttons

Get all 30 full SKILL.md specs (Cursor / Claude Code / Codex ready) plus the Pro growth skills.

See taste-skill Pro →