Тэрэлжийн замд шөнө дунд гар өргөсөн цагаан дээлтэй эмэгтэй
Такси жолооч Б. гурван жилийн өмнө нэгэн зорчигч авсан. Тэр эмэгтэй хаана буухаа хэлээгүй, харин хэзээ буухаа хэлсэн.
Загварын систем · v0.1
Хөх нил биш, цэнхэр биш. Үнс, яс, хатсан цус. Хөдөлгөөн цөөн, гэрэл бага, улаан өнгө ганц. Энэ хуудас бол Буурал-ын бүх эд зүйлийн зураг.
01
Хараар биш, шөнийн гэрлээр харсан өнгө. Цусны улаан нь цорын ганц өнгө бөгөөд нэг дэлгэцэнд олон удаа гарахгүй.
night
Хуудасны дэвсгэр
ash
Гадаргуу: карт, самбар
ash-2
Өргөгдсөн гадаргуу, талбар
seam
Хүрээ, тусгаарлагч
buural
Үндсэн текст (буурал үс)
dim
Хоёрдогч текст
faint
Гуравдагч текст, идэвхгүй
blood
Цорын ганц өнгө: үйлдэл, санал, амьд төлөв
blood-hi
Hover, фокус цагираг
ember
Зөвхөн «Онцлох» мэргэжилтэн, багц
buural / night
Хэвийн унших: тод.
dim / ash
Нэмэлт мэдээлэл.
ember / ash
Онцлох. Өөр хаана ч биш.
02
Гарчиг
Аа
Oranienbaum
Ө ө Ү ү Ё ё Ш ш Щ щ
Үндсэн текст
Аа
Literata
Ө ө Ү ү Ё ё Ш ш Щ щ
Мета, үнэ
Аа
IBM Plex Mono
Ө ө Ү ү 150,000₮
eyebrow
Өнөө шөнийн түүх
meta
body
Шөнийн хоёр цаг өнгөрч байлаа. Замын хажууд цагаан дээлтэй эмэгтэй гар өргөн зогсож байв.
display-sm
Гүүр
display
Түүхүүд
display-lg
Ганцаараа бүү тэвчих
display-xl
Буурал
Түүхийн бие: .prose-story
Тэрэлжийн гүүрэн дээр ирэхэд жолооч зогсов. Эргэж харахад арын суудал хоосон байсан.
Маргааш өглөө нь тэр гүүрний доор нэгэн эмэгтэй живж нас барсан гэдгийг сонссон.
03
Зайны хэмнэл (4px суурь)
Радиус: дээд тал нь 4px
06
07
8 оронтой дугаар
И-мэйл хаяг буруу байна
08
Түүхийн мөр · гарчиг дээр курсор аваачаад үз
Такси жолооч Б. гурван жилийн өмнө нэгэн зорчигч авсан. Тэр эмэгтэй хаана буухаа хэлээгүй, харин хэзээ буухаа хэлсэн.
Мэргэжилтэн · онцлох, энгийн
Дархад угсааны бөө. Есөн үеийн удамтай. Сүнс дуудах, гэр орноо цэвэрлүүлэх, муу ёрын зүйлээс хамгаалах засал хийнэ.
Номын засал, гэрийн ерөөл, хий үзэгдэлтэй байранд ном уншина. Урьдчилан цаг товлоно уу.
09
Сэтгэгдэл нийтлэгдлээ.
Нэвтэрч чадсангүй. Нууц үгээ шалгана уу.
Таны санал хадгалагдсан.
Хариуцлагын татгалзал · мэргэжилтний профайл бүрт заавал
10
Эх <dialog>. Esc, дэвсгэр дээр дарах, хаах товчоор хаагдана. Фокус дотроо хоригдоно.
11
Хөдөлгөөн цөөн, санаатай. Гэрэл гялсалзах, манан түгэх, гэрэл мөшгих. Бусад нь зөвхөн өнгө, 200мс.
Гэрэл унтарч байна уу?
Манан хоолойд
Нүүр хуудас болон хуудасны толгойн ард.
prefers-reduced-motion: хэрэглэгч хөдөлгөөнийг багасгахыг сонгосон бол бүх анимаци 0.01мс болж, нүүр хуудасны гэрэл тогтмол өргөн толбо болно.
12
Бүх хуудас. Дарж шалга. Динамик хуудсанд жишээ өгөгдөл ашигласан.