Border Radius Wizard

Visual controls generate perfect border radius scales automatically.

---

Structure Overview

Border Radius follows the same structure as Font Sizes:

• Wizard Mode – Auto-calculated with aspect ratios, min/max values, steps
• Manual Mode – Per-step control with comma-separated names
• Fluid vs Fixed – Viewport scaling or single value
• Pixels vs Rems – Figma-compatible input, accessible output
• Extend Defaults – Add to or replace Tailwind defaults

---

Key Differences from Font Sizes

1. Utility Values

Click “Add Utility Radius” → Adds:

• none (0) – Sharp corners
• full (9999px) – Perfect circles/pill shape

---

2. Builder Integration

Note: Most visual builders don’t have border radius systems to import (unlike font sizes).

You cannot fetch border radius from Gutenberg/Bricks/Oxygen. Define your radius scale manually.

---

3. Recommended Aspect Ratio

For border radius, 1.5 (Perfect Fifth) is recommended:

• 1.5 (Perfect Fifth) – Balanced, recommended
• 1.333 (Perfect Fourth) – Moderate jumps
• 1.618 (Golden Ratio) – Harmonious scaling
• 2.0 (Double) – Dramatic jumps

---