Pattern Library

Label

Five forms where required, optional and disabled states carry real weight — a booking form, a job application, API settings, checkout billing and newsletter preferences.

01Booking FormHearing care · Required + optional + helper

Randevu

Bilgilerinizi girin

Ad Soyad

T.C. Kimlik No

SGK sorgusu için gereklidir

Eklemek istediğiniz not(Opsiyonel)

Örn. tercih ettiğiniz saat aralığı

02Job ApplicationRecruitment · Optional field with helper

Senior Product Designer

Design · Rotterdam or remote

Full name

Portfolio URL(Opsiyonel)

A link to recent work — Figma, a site, anything

Autosaved a moment ago

03API SettingsDark · Disabled field state

Settings / API keys / prod-webhook-relay

Key details

Key name

Scope

Least privilege recommended

Created

04Billing FormCheckout · Optional VAT field

Studio · Annual$288.00

Card number

Name on card

VAT number(Opsiyonel)

Reverse charge applied for valid EU numbers

🔒 Payments are encrypted end to end

05Newsletter PreferencesEditorial · Underline fields · Serif label

Subscriber settings

Tune what you receive

First name(Opsiyonel)

Used to personalise the greeting

Frequency