Logo, palette, typography and a component library the client's team builds screens from on their own.
The company had four versions of its logo and no rule about which to use. Every new screen looked like a different firm had made it.
We built one system: colours, type, spacing, button and field states — in Figma and in code at the same time.
The real result isn't the mockups. It's that the client's designer now assembles a new screen in an hour and it looks like part of the product.
How it's built
A fragment of the project's real code — so you can see what's inside.
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 };}Get in touch
Project request
Fill in the form — we'll discuss scope and timing.
Next project
Orzu — a marketplace for local makers