Логотип, палитра, типографика и библиотека компонентов, по которой команда клиента собирает экраны сама.
У компании было четыре версии логотипа и ни одного правила, какую использовать. Каждый новый экран выглядел так, будто его делала другая фирма.
Мы собрали единую систему: цвета, шрифты, отступы, состояния кнопок и полей — всё в Figma и сразу в коде.
Главный результат не в макетах, а в том, что дизайнер клиента теперь собирает новый экран за час и он выглядит как часть продукта.
Как это устроено
Фрагмент из настоящего кода проекта — чтобы было видно, что внутри.
TypeScript
type Bucket = { count: number; resetAt: number };const buckets = new Map<string, Bucket>();/** * Ограничение частоты запросов. * Защищает формы от перебора и спама. */export function rateLimit( key: string, limit = 8, windowMs = 60_000,): RateLimitResult { const now = Date.now(); const bucket = buckets.get(key); // Окно истекло или его не было — начинаем заново. if (!bucket || bucket.resetAt < now) { buckets.set(key, { count: 1, resetAt: now + windowMs }); return { ok: true, remaining: limit - 1, retryAfter: 0 }; } if (bucket.count >= limit) { return { ok: false, remaining: 0, retryAfter: Math.ceil((bucket.resetAt - now) / 1000), }; } bucket.count += 1; return { ok: true, remaining: limit - bucket.count, retryAfter: 0 };}Связаться
Заявка на проект
Заполните форму — обсудим детали и сроки.
Следующий проект
Orzu — маркетплейс локальных мастеров