Ustaxona: система мастерской.
Чертёжный стол, а не SaaS-лендинг. Восемь цветов, три шрифта, линии в 1px, нулевой радиус, без теней. Эта страница — живая спецификация и часть портфолио.
Восемь токенов, один акцент.
Использование: page background
Использование: alternate sections, stripes
Использование: text, buttons, 1px rules
Использование: secondary text, captions
Использование: grid lines, dividers, card borders
Использование: the single accent
Использование: accent tint, badges
Использование: screenshots / data-viz only
Три гарнитуры, три письменности.
Каждая гарнитура должна отрисовывать узбекскую модификаторную букву ʻ (U+02BB), кириллицу и латиницу. Тестовая строка набрана во всех начертаниях.
Oʻzbekiston, gʻoya, eʼlon
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
Oʻzbekiston, gʻoya, eʼlon — Ўзбекистон — Uzbekistan 0123456789
3 h → 1 min · 4,000 · 08:00 · $1,500
Комплект в сборе.
Что мы сделали
1px rule border → anor + 2px lift.
- 0101
Audit
30 min.
- 0202
Pilot
30 days.
- 0303
Scale
Retainer.
Figure placeholder — honest frame, no fake screenshots
Faq — native <details>
Zero JS. 1px rules.
Четыре правила движения.
- 01
Появления при скролле ≤ 300 мс, easing cubic-bezier(.2,.8,.2,1) — только карточки и метрики, никогда не основной текст.
- 02
Метрики один раз досчитывают в моно, когда попадают в вьюпорт.
- 03
Сетка героя рисует себя при загрузке; строка-обещание перебирает uz → ru → en.
- 04
prefers-reduced-motion выключает всё. Ни курсоров-спутников, ни параллакса, ни бегущих строк.
duration ≤ 300ms · ease cubic-bezier(.2,.8,.2,1) · var(--ease-workshop)
Анти-слоп: прогоняется перед выпуском каждой страницы.
Никаких шрифтов по умолчанию; бренд несёт типографика.
Никаких сине-фиолетовых градиентов, стеклянных карточек, искристых иконок и эмодзи-буллетов.
Никакой bento-сетки из иконок — фичи пишутся нумерованными утверждениями с доказательствами.
Тексты конкретные, нашим голосом, с цифрами.
Каждый скриншот — настоящий продукт; каждый логотип — настоящий клиент (или никакого).
Заголовок героя — обещание, которое клиент повторит.
Как сделан этот сайт.
- Type
- Piazzolla · Golos Text · JetBrains Mono (self-hosted, subset)
- Stack
- Next.js 16 · Tailwind v4 · next-intl · Supabase · Vercel
- Languages
- uz-Latn · ru · en — shared slugs, hreflang everywhere
- Grid
- 12 columns · 1px rules · zero radius · no shadows
Бюджет производительности: LCP до 2,0 с на мобильном 4G, INP до 200 мс — цели, пока не измерено на боевом домене.