NomLab · dizayn tizimi

Dizayn tizimi

Yadro — PDP Design System (design.pdp.uz): tuzilma, komponentlar, oraliqlar. Ustida NomLab brend qatlami: oltin, shriftlar, chizma to‘ri. Barcha ranglar — src/styles/tokens.css; ikki mavzu (yorug‘ va qorong‘i) tashrif buyuruvchining tizim sozlamasiga qarab avtomatik tanlanadi.

02

Ranglar — ikki mavzu

Namunalar jonli: har biri CSS o‘zgaruvchisidan chiziladi, qiymat brauzerdan o‘qiladi. Oltin chiziq/tugma — doim yorqin gradient; matndagi oltin yorug‘ fonda to‘qroq (--c-gold-text ≥ 4.5:1, --c-gold-num ≥ 3:1).

Yorug‘

--gold-grad · #D0A770 → #E2C669

  • --c-bg
    Fon
  • --c-surface
    Katak / karta
  • --c-surface-2
    Kirish maydoni
  • --c-surface-3
    Chip
  • --c-text
    Matn
  • --c-muted
    Izoh matni
  • --c-faint
    Bezak (matn emas)
  • --c-line
    To'r chizig'i
  • --c-line-2
    Chegara
  • --c-node
    "+" tugun
  • --gold-1
    Oltin (from)
  • --gold-2
    Oltin (to)
  • --c-gold-text
    Oltin matn (kichik)
  • --c-gold-num
    Oltin raqam (katta)
  • --c-gold-soft
    Sarlavha
  • --c-accent-text
    Oltin tugmadagi matn
  • --c-focus
    Fokus halqasi
  • --c-success
    Muvaffaqiyat
  • --c-warn
    Ogohlantirish
  • --c-danger
    Xato
  • --sc-easy-bg
    Oson harf foni
  • --sc-easy-ink
    Oson harf
  • --sc-normal-bg
    Normal harf foni
  • --sc-normal-ink
    Normal harf
  • --sc-hard-bg
    Qiyin harf foni
  • --sc-hard-ink
    Qiyin harf
  • --sc-bar-track
    Chiziq / spidometr izi
  • --sc-funnel-1
    Voronka 1
  • --sc-funnel-2
    Voronka 2
  • --sc-funnel-3
    Voronka 3
  • --sc-funnel-4
    Voronka 4
  • --sc-funnel-5
    Voronka 5
  • --c-overlay
    Oyna orqa fon
  • --c-logo-plate
    Mijoz logosi plitasi

Qorong‘i

--gold-grad · #D0A770 → #E2C669

  • --c-bg
    Fon
  • --c-surface
    Katak / karta
  • --c-surface-2
    Kirish maydoni
  • --c-surface-3
    Chip
  • --c-text
    Matn
  • --c-muted
    Izoh matni
  • --c-faint
    Bezak (matn emas)
  • --c-line
    To'r chizig'i
  • --c-line-2
    Chegara
  • --c-node
    "+" tugun
  • --gold-1
    Oltin (from)
  • --gold-2
    Oltin (to)
  • --c-gold-text
    Oltin matn (kichik)
  • --c-gold-num
    Oltin raqam (katta)
  • --c-gold-soft
    Sarlavha
  • --c-accent-text
    Oltin tugmadagi matn
  • --c-focus
    Fokus halqasi
  • --c-success
    Muvaffaqiyat
  • --c-warn
    Ogohlantirish
  • --c-danger
    Xato
  • --sc-easy-bg
    Oson harf foni
  • --sc-easy-ink
    Oson harf
  • --sc-normal-bg
    Normal harf foni
  • --sc-normal-ink
    Normal harf
  • --sc-hard-bg
    Qiyin harf foni
  • --sc-hard-ink
    Qiyin harf
  • --sc-bar-track
    Chiziq / spidometr izi
  • --sc-funnel-1
    Voronka 1
  • --sc-funnel-2
    Voronka 2
  • --sc-funnel-3
    Voronka 3
  • --sc-funnel-4
    Voronka 4
  • --sc-funnel-5
    Voronka 5
  • --c-overlay
    Oyna orqa fon
  • --c-logo-plate
    Mijoz logosi plitasi

03

Shriftlar

Domine 500/600 · sarlavha, nom (rahimsadiy.uz bilan bir xil)

O‘zbekiston, G‘alaba — Buyuklik nomdan boshlanadi.

Inter 400/500/600 · matn

O‘zbekiston, G‘alaba — Buyuklik nomdan boshlanadi.

JetBrains Mono 400/500 · raqam, belgi

9.5 · 0.6 soniya · +998 (33) 240-40-40

  • --fs-heroBosh shiorNom O‘g‘il
  • --fs-xlSahifa sarlavhasiNom O‘g‘il
  • --fs-h2Bo'lim sarlavhasiNom O‘g‘il
  • --fs-lgLead / katta matnNom O‘g‘il
  • --fs-baseAsosiy matnNom O‘g‘il
  • --fs-smKichik matnNom O‘g‘il
  • --fs-xsBelgi / monoNom O‘g‘il

04

Chizma to‘ri va "+" tugunlar

Konteyner chetlari bo‘ylab tik chiziqlar (--c-line), bo‘limlar orasida yotiq chiziq, kesishgan joyda "+" tugun (--c-node). Bosh ekranda — 72 px to‘r (--grid-step) va sekin yonib-o‘chadigan "+" (--c-node-glow).

05

Tugmalar, maydonlar, chiplar

Asosiy tugmaIkkinchi darajaliKichik

Telefon raqami to‘liq emas.

✓ masdargroup.uzA’loYaxshiSekinMutaxassis tekshiruvi
  • teg
  • yana teg

Oddiy xabar.

Ariza yuborildi.

Xatolik yuz berdi.

Harf guruhlari (fonetik soddalik)

Oson: A · B · D · E · F · G · I · K · L · M · N · O · P · R · S · T · U · V · Y · Z

Normal: J · H · X · Q · W · C

Qiyin: O‘ · G‘ · Ng · Ts · Sch · Gh · Kn · Ps · Sh · Ch · ‘ · Ph

06

Baholash kartasi — "Masdar"

Bitta quruvchi: src/lib/scorecard.ts (sayt, tekshirgich, admin jonli ko‘rinishi). Uslub: src/styles/scorecard.css. Ichida: dafna (SVG, currentColor), 5 bosqichli voronka, oltin chiziqlar, spidometr (SVG, CSS o‘zgaruvchilar), harf kataklari, harf guruhlari.

9.3

Masdar

  1. 1 Barcha yo‘nalishlar20%
  2. 2 O‘z faoliyatida bo‘sh99%
  3. 3 Domenmasdargroup.uz ✓
  4. 4 Usernamemasdarproducts_uz ✓
  5. 5 Patent>51% Patent olish ehtimoli 99% gacha
Brendlanuvchanlik10
Faoliyatga muvofiqligi9.6
Xotirada qolish xususiyati9.5
Yozilishi bo‘yicha aytilishi10
Aytilish tezligi
0.6 soniya 10 A’lo!
Madaniy neytrallik
9.5/10
8 ta harfgacha9.5
  1. M1
  2. A2
  3. S3
  4. D4
  5. A5
  6. R6
  7. 7
  8. 8
Jarangdorlik 9.5
Fonetik soddalik
10
Oson
  • A
  • B
  • D
  • E
  • F
  • G
  • I
  • K
  • L
  • M
  • N
  • O
  • P
  • R
  • S
  • T
  • U
  • V
  • Y
  • Z
Normal
  • J
  • H
  • X
  • Q
  • W
  • C
Qiyin
  • O‘
  • G‘
  • Ng
  • Ts
  • Sch
  • Gh
  • Kn
  • Ps
  • Sh
  • Ch
  • ‘
  • Ph

Nom afzalliklari (mijoz sahifasi)

  • Brendlanuvchanlik100%

    Brandability: Nomning o'zi brend sifatida qabul qilinadi.

  • Faoliyatga muvofiqligi96%

    Relevance: Faoliyat yo'nalishiga mos keladi.

  • Xotirada qolish xususiyati95%

    Memorability: 7 soniyada eslab qolish imkoniyati.

  • Yozilishi bo‘yicha aytilishi100%

    Spelling consistency: Qanday yozilsa, shunday aytiladi.

  • Madaniy neytrallik95%

    Cultural neutrality: Boshqa tillarda salbiy ma'no bermaydi.

  • Jarangdorlik95%

    Sonority

  • 8 ta harfgacha95%

    Length

  • Aytilish tezligi100%

    Pronunciation speed

  • Fonetik soddalik100%

    Phonetic simplicity

07

Qayerdan keladi

  • Ranglar, shriftlar, o‘lchamlarsrc/styles/tokens.css
  • Sayt uslubisrc/styles/site.css
  • Baholash kartasisrc/lib/scorecard.ts · src/styles/scorecard.css
  • Adminsrc/styles/admin.css
  • Logo, favikonpublic/brand/
  • Oltin va baholash namunasiFigma 4vLThO2Ir6Ivv8eqwyMsLm · docs/namuna/
  • Uslub yo‘nalishiRox (Mobbin) · docs/namuna/rox-bolim.webp
  • YadroPDP Design System · design.pdp.uz