Work · Website · Brand · This site
SLENAY
This site is a case study in itself: identity, interface, motion, localisation, SEO and engineering, all done by SLENAY.
- 2languages from one codebase
- 6logo directions explored before one was chosen
- 0animation libraries or UI kits
- 1signal colour, used only for the rising arm
The brief
Launch a technology company with a website that is the proof: premium in design, fast, accessible, bilingual — and built to turn visitors into quote requests.

Identity
The mark is a bold geometric wordmark with one deliberate deviation: the right arm of the Y rises past the cap height — growth built into the name. The Y alone becomes the symbol. It holds up in monochrome and at favicon size. Six directions were explored before this one was chosen.
- Custom geometric letterforms, drawn as pure vector
- Wordmark, symbol and app icon from one system
- Works on dark and light, in one colour
- A single signal colour, reserved for the rising arm
Experience
Dark, restrained, typographic. Motion is slow and deliberate, and disappears entirely for visitors who prefer reduced motion. The quote flow is a short, guided conversation rather than a form.
- Design tokens for type, colour, space and motion
- Scroll-driven animation in CSS
- Five-step quote flow with inline validation
- Mobile composed separately from desktop
Design tokens
- ink-1#0b0b0d
- ink-2#111114
- paper#f2f1ec
- signal#ff5a1f
Engineering
Next.js, React and strict TypeScript. Services, projects and copy live in typed data and message files, so a new project, service or language is added without touching page code.
- Statically generated pages
- Typed content layer
- Two runtime dependencies besides the framework
- CSS cascade layers and design tokens
Localisation & SEO
Hungarian and English from one codebase, with localised URLs, language alternates, per-page metadata, structured data and a generated sitemap.
- Localised URLs for every page
- hreflang alternates and canonical URLs
- Organization, WebSite, Service, Breadcrumb and FAQ schema
- Open Graph image generated per language
- Services
/hu/szolgaltatasok/en/services - Work
/hu/munkak/en/work - Process
/hu/folyamat/en/process - About
/hu/rolunk/en/about - FAQ
/hu/gyik/en/faq - Request a Quote
/hu/ajanlatkeres/en/quote
Performance & accessibility
Semantic HTML, full keyboard navigation, visible focus states, reduced-motion support, minimal JavaScript and no layout shift.
- Server-rendered HTML, minimal client JavaScript
- Self-hosted fonts
- Accessible forms, labels and error messages
- Respects prefers-reduced-motion