The system
behind Keyu.
Premium, modern, tech-forward. A foundation of black, a single signature gold, Kufi typography that reads natively in Arabic, Kurdish and English — and the components, motion and voice that make every Keyu surface feel of a piece.
Mission, pillars, voice.
Keyu builds custom IT solutions — web, AI, SaaS and data analysis — for businesses navigating the digital age. The brand expresses that work as engineered, considered and quietly premium.
To empower businesses with advanced technology — designing custom solutions that streamline operations, sharpen customer experience, and drive durable growth.
Forward by default.
ML, modern web, real-time systems. We ship work that wouldn't have been possible a year ago — and that still feels obvious to use.
Built to be kept.
Considered architecture, observable systems, clean handoffs. Keyu deliverables are meant to outlast the engagement.
Close to the work.
We embed with clients, not adjacent to them. Decisions move fast because trust is established first.
Measured in outcomes.
Pretty doesn't ship. We define the metric on day one and instrument against it from day two.
Voice — Yes
- Precise. We use specific verbs and specific numbers, not adjectives.
- Confident. We state what is true; we don't qualify everything.
- Quietly premium. Restraint signals capability — we don't oversell.
- Bilingual-first. Every headline works in Arabic, Kurdish and English.
- Technical without being insular. We translate, not show off.
Voice — No
- Revolutionary, game-changing, paradigm-shifting
- Synergize, leverage, unlock value
- AI-powered everything, "next-generation" everything
- Excessive exclamation marks or hype
- Emoji in product surfaces or marketing copy
The mark, the lockup,
the rules.
The Keyu mark is a stylized key — a circular bow above a notched stem. It reads as access, unlocking, and the first letter of the name. Use it with care: the mark earns its weight by appearing rarely and confidently.
Mark or lockup — never both
Use the mark alone in product chrome, favicons and avatars. Use the horizontal lockup in headers, signatures and marketing.
Minimum size — 24px / 12mm
Below 24px the bit notches collapse. For small contexts use the simplified favicon mark (without the notches).
Clearspace — 1x the bow
The diameter of the circular bow defines the minimum padding on all four sides. More is always allowed.
Gold is the hero
On dark surfaces the mark is gold. On gold or paper it is black. White is reserved for monochrome contexts (print on press, etched metal).
Black, gold,
and the room in between.
Circuit is a study in restraint: deep neutrals carry 90% of the surface, a single bright gold carries everything that matters. The palette is dense, industrial, and tuned for technical UI.
Primitive scales
Semantic tokens — current direction
Kufi, native.
Geist, supporting.
Noto Kufi Arabic is the system's voice. It's geometric and modern in Arabic, confident and architectural in Latin — and it carries Kurdish (Sorani) cleanly. Geist Sans pairs alongside it for dense UI and body copy. Geist Mono is used sparingly for metadata, code, and labels.
Three scripts, one system
Scale
Pairing
Line geometry,
1.5px stroke.
Icons are line-based, drawn on a 24px grid with rounded caps and joins. They share the geometric DNA of the key mark — circles, vertical stems, and clean horizontals — and read at sizes from 16 to 32 pixels without modification.
24 × 24, 2px padding
All icons are drawn inside a 20×20 live area on a 24px canvas. Optical balance over mathematical centering when they conflict.
1.5px, round caps
Consistent stroke weight across the family. Joins are rounded; corners use a 2px radius. No filled shapes except for solid-icon variants.
currentColor only
Icons inherit color from their context. Use --fg-primary for default, --accent for active, --fg-muted for disabled.
A 4-pixel grid,
three depths.
All spacing snaps to a 4-pixel grid. Radii are deliberately sharp — 4px on cards, 2px on buttons — to reinforce the industrial Circuit direction. Shadows are restrained: three steps from hairline to deep.
CIRCUIT — 4px on cards, 2px on buttons, pill on chips.
/ 2 / 2SIGNAL → 0 / 0 / 0
01 — chips, inputs
02 — cards, popovers
03 — modals, sheets
GOLD — focus, accent surfaces
Buttons, inputs,
and what they're for.
The component library follows the shadcn philosophy: small surface, composable, theme via CSS variables. Every component here is themed by the Circuit token sheet.
Web Development
Custom-built revenue-grade web applications. From technical architecture to ship.
AI & Machine Learning
Models, pipelines, evaluation. We embed ML where it pays back — not where it looks good.
SaaS & Data Analysis
End-to-end product builds and the analytics that make them measurable.
| Project | Client | Status | Value |
|---|---|---|---|
| Atlas ML | Banque Saderat | Live | $284,000 |
| Nahla SaaS | Korek Telecom | Beta | $120,500 |
| Vault Insight | NEOM Holdings | Draft | $78,000 |
| Pilot AI | Aramex MENA | Live | $311,200 |
The full kit,
themed to Circuit.
Every shadcn/ui primitive — re-skinned in Circuit tokens. Sharp 2–4 px corners, gold accent, hairline rules. Use these as the source of truth for product surfaces; they share types and behaviors with the upstream library while reading unmistakably as Keyu.
Inputs & form primitives
Disclosure
Overlays
Start a project
Tell us the metric you’d like to move. We’ll reply within a day with two engagement shapes.
Delete project “Atlas ML”?
This will permanently delete 14 deployments, 6 datasets and revoke 23 API tokens. This action cannot be undone.
Custom IT solutions: web, AI, SaaS, data. Founded 2021. Currently shipping for clients in seven countries.
Notifications
3 new this week
Quick action
Mobile-first bottom sheet
Feedback
Heads up
Your trial ends in 5 days. Upgrade to keep access to your data.
New release — Atlas v1.4
Streaming inference, faster batching, and a redesigned eval dashboard.
Connection lost
We couldn’t reach the analytics gateway. Retrying in 12s.
Deploy successful
atlas-ml/v1.4.2 · Production
Scheduled for review
Will run at 09:00 Erbil time
Build failed
Step 14/22 — see logs for details
Navigation
Atlas ML — Inference platform
Stream-first model serving for production. Multi-tenant, observable, ships with a redesigned eval dashboard.
Read case study →Data & layout
Material, not metaphor.
Photography is low-key and architectural: brass surfaces, raw concrete, machined metal, and warm-tungsten interiors. Illustrations are technical diagrams — schematics, network graphs, isometric line drawings — never decorative spot art.
Yes
- Architectural photography with strong directional light
- Materials: brass, concrete, raw metal, oxidized copper
- Technical diagrams, system schematics, line drawings
- People in environment — engaged with work, not the camera
No
- Stock photos of suits shaking hands
- Generative AI art with obvious 3D-render lighting
- Cliché tech illustrations (glowing circuit boards, AI brains)
- Heavy color filters or saturated marketing-grade photography
Crisp, considered,
almost imperceptible.
Motion in Keyu surfaces signals engineered precision. Three timing curves do almost all the work — paired with four durations from 120ms (button feedback) to 520ms (page transitions). The default is restraint; flourish is the exception.
ease-out · 120–200ms
Button presses, hover changes, focus rings. Confident, immediate, then settled.
ease-in-out · 320ms
Modal opens, drawer slides, content reveals. The medium-weight default.
ease-out · 520ms
Page transitions, hero entries. Used sparingly — only on first impression and rare big moments.
| Token | Value | Curve | Use |
|---|---|---|---|
| --dur-1 | 120ms | ease-out | Hover, focus, button press |
| --dur-2 | 200ms | ease-out | Tabs, tooltip, dropdown |
| --dur-3 | 320ms | ease-in-out | Modal, drawer, content reveal |
| --dur-4 | 520ms | ease-out | Page transition, hero entry |