Үндсэн агуулга руу
БУУРАЛ

Загварын систем · v0.1

Харанхуйн дүрэм

Хөх нил биш, цэнхэр биш. Үнс, яс, хатсан цус. Хөдөлгөөн цөөн, гэрэл бага, улаан өнгө ганц. Энэ хуудас бол Буурал-ын бүх эд зүйлийн зураг.

01

Өнгө

Хараар биш, шөнийн гэрлээр харсан өнгө. Цусны улаан нь цорын ганц өнгө бөгөөд нэг дэлгэцэнд олон удаа гарахгүй.

  • night

    #0d0c0b

    Хуудасны дэвсгэр

  • ash

    #161412

    Гадаргуу: карт, самбар

  • ash-2

    #201d1a

    Өргөгдсөн гадаргуу, талбар

  • seam

    #35302a

    Хүрээ, тусгаарлагч

  • buural

    #cdc6ba

    Үндсэн текст (буурал үс)

  • dim

    #8d867b

    Хоёрдогч текст

  • faint

    #5e584f

    Гуравдагч текст, идэвхгүй

  • blood

    #8e2b23

    Цорын ганц өнгө: үйлдэл, санал, амьд төлөв

  • blood-hi

    #b5402f

    Hover, фокус цагираг

  • ember

    #b98b52

    Зөвхөн «Онцлох» мэргэжилтэн, багц

buural / night

Хэвийн унших: тод.

dim / ash

Нэмэлт мэдээлэл.

ember / ash

Онцлох. Өөр хаана ч биш.

02

Үсгийн хэв

Гарчиг

Аа

Oranienbaum

Ө ө Ү ү Ё ё Ш ш Щ щ

font-display · нарийн, өндөр, кириллд бүрэн

Үндсэн текст

Аа

Literata

Ө ө Ү ү Ё ё Ш ш Щ щ

font-body · урт текстэд тохиромжтой

Мета, үнэ

Аа

IBM Plex Mono

Ө ө Ү ү 150,000₮

font-mono · огноо, тоо, товч

eyebrow

Plex Mono · 11px · +0.18em · томоор

Өнөө шөнийн түүх

meta

Plex Mono · 12px

2026.11.05 · 18,420 үзсэн

body

Literata · 16px · 1.65

Шөнийн хоёр цаг өнгөрч байлаа. Замын хажууд цагаан дээлтэй эмэгтэй гар өргөн зогсож байв.

display-sm

Oranienbaum · 32px

Гүүр

display

Oranienbaum · 48px

Түүхүүд

display-lg

Oranienbaum · 72px

Ганцаараа бүү тэвчих

display-xl

Oranienbaum · 112px · зөвхөн нүүр хуудасны гол гарчиг

Буурал

Түүхийн бие: .prose-story

Тэрэлжийн гүүрэн дээр ирэхэд жолооч зогсов. Эргэж харахад арын суудал хоосон байсан.

Маргааш өглөө нь тэр гүүрний доор нэгэн эмэгтэй живж нас барсан гэдгийг сонссон.

03

Зай, радиус

Зайны хэмнэл (4px суурь)

  • 4px
  • 8px
  • 12px
  • 16px
  • 24px
  • 32px
  • 48px
  • 64px

Радиус: дээд тал нь 4px

sm · 2px

товч, талбар, шошго

md · 4px

модал, самбар

full

зөвхөн аватар

04

Товч

Нэг харагдцад нэг л үндсэн (улаан) товч.

primary

ghost

quiet

danger

05

Шошго

энгийн

сүнс

холбоос (hover)

домог

идэвхтэй

гэмт хэрэг

ember · онцлох

бөө

06

Санал

сонгоогүй

912

дэмжсэн

913

эсэргүүцсэн

911

мөр, жижиг

42

07

Талбар

8 оронтой дугаар

И-мэйл хаяг буруу байна

08

Карт

Түүхийн мөр · гарчиг дээр курсор аваачаад үз

Мэргэжилтэн · онцлох, энгийн

Онцлох

Цэнд бөө

Хөвсгөл

Дархад угсааны бөө. Есөн үеийн удамтай. Сүнс дуудах, гэр орноо цэвэрлүүлэх, муу ёрын зүйлээс хамгаалах засал хийнэ.

бөө

Гандан — Лувсан лам

Улаанбаатар

Номын засал, гэрийн ерөөл, хий үзэгдэлтэй байранд ном уншина. Урьдчилан цаг товлоно уу.

лам

09

Мэдэгдэл

Сэтгэгдэл нийтлэгдлээ.

Таны санал хадгалагдсан.

Хариуцлагын татгалзал · мэргэжилтний профайл бүрт заавал

11

Хөдөлгөөн

Хөдөлгөөн цөөн, санаатай. Гэрэл гялсалзах, манан түгэх, гэрэл мөшгих. Бусад нь зөвхөн өнгө, 200мс.

flicker · нэг удаа, hover дээр

Гэрэл унтарч байна уу?

fog · 38с, хэзээ ч зогсохгүй, маш бүдэг

Манан хоолойд

Нүүр хуудас болон хуудасны толгойн ард.

prefers-reduced-motion: хэрэглэгч хөдөлгөөнийг багасгахыг сонгосон бол бүх анимаци 0.01мс болж, нүүр хуудасны гэрэл тогтмол өргөн толбо болно.

12

Бүтэц

Бүх хуудас. Дарж шалга. Динамик хуудсанд жишээ өгөгдөл ашигласан.