---
title: "رموز الشكل"
description: "سلّم أنصاف أقطار الزوايا، والرقم الواحد الذي يحدد كيف تنحني الزاوية."
url: "https://tanrei.chnotchy.com/ar/tokens/shape/"
last_updated: 2026-10-23T17:33:05.000Z
---

# رموز الشكل

> سلّم أنصاف أقطار الزوايا، والرقم الواحد الذي يحدد كيف تنحني الزاوية.

أنصاف أقطار الزوايا تحت `tanrei.sys.shape.corner`. للإرشادات، اقرأ [الشكل](https://tanrei.chnotchy.com/ar/foundations/shape/).

| الرمز | القيمة | ملاحظات |
| --- | --- | --- |
| `--tanrei-sys-shape-corner-none` | 0px |  |
| `--tanrei-sys-shape-corner-extra-small` | 3px |  |
| `--tanrei-sys-shape-corner-small` | 6px | Default for controls: buttons, inputs, menu items, tooltips. |
| `--tanrei-sys-shape-corner-medium` | 8px |  |
| `--tanrei-sys-shape-corner-large` | 12px |  |
| `--tanrei-sys-shape-corner-large-increased` | 14px |  |
| `--tanrei-sys-shape-corner-extra-large` | 16px |  |
| `--tanrei-sys-shape-corner-extra-large-increased` | 20px |  |
| `--tanrei-sys-shape-corner-extra-extra-large` | 24px |  |
| `--tanrei-sys-shape-corner-full` | 9999px | Opt-in only: avatars, badges, segmented controls, pill variants. |

مولَّد من `design/tokens/tanrei.light.tokens.json`, `tokens/sys/shape.tokens.json`

## تنعيم الزوايا

الرمز (token) `tanrei.sys.shape.corner-smoothing` مقدار من 0 إلى 1 بالمعنى الذي في Figma: 0 ربع دائرة، و 0.6 ما يسميه Figma زاوية iOS، و 1 أقصى انسياب. ولا يتغير نصف القطر معه. معنى المقدار هو الإنشاء الهندسي في Figma؛ ترسمه Compose و Flutter، ويرسم الويب أقرب قطع ناقص فائق (superellipse)، وترسم SwiftUI و React Native على iOS منحنى نظام التشغيل (والفروق مذكورة في صفحة [الشكل](https://tanrei.chnotchy.com/ar/foundations/shape/#%D8%AA%D9%86%D8%B9%D9%8A%D9%85-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D9%8A%D8%A7)). القيمة لكل نظام مضمَّن:

| نظام التصميم | `corner-smoothing` |
| --- | --- |
| `tanrei` | 0 |
| `cupertino` | 0.6 |
| `m3-expressive-like` | 0 |
| `m3-like` | 0 |

مولَّد من `tokens/systems/*.system.json`, `design/tokens/<system>/tanrei.light.tokens.json`