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.

Status: Live · you are looking at it
  • Brand identity
  • UI / UX
  • Bilingual
  • Motion
  • SEO
  • Accessibility
  • Performance
  • 2languages from one codebase
  • 6logo directions explored before one was chosen
  • 0animation libraries or UI kits
  • 1signal colour, used only for the rising arm
01

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.

The SLENAY website home page: Build. Launch. Grow.
A capture of this website.
02

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
03

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
04

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
05

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
06

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

Nothing here is staged: the site you are browsing is the work.

Next case study

SZAKI

Have a projectin mind?

Tell us what you want to build. Every project is scoped individually — you get a clear proposal, not a template.

Prefer email? szakiapplikacio@gmail.com