Websites · 2026
Matteo
A warmer way to find information.
A bilingual information website that balances a welcoming identity with clear service information, readable prices and photographs of the actual spaces.
Visit the website- Format
- Public information website
- Scope
- Design and development
- Typography
- System sans-serif and serif
- Languages
- Romanian · English
The brief
Make a welcoming page useful.
The website needs to feel approachable while carrying substantial information. Clear audience groups, service sections and price tables give visitors specific material to read; photography provides a concrete view of the spaces.
Our role
The project combines a gentle visual identity with a practical bilingual content structure. The interface makes services, prices, articles and photographs easier to explore before starting a conversation.
Visual direction
Soft colours. A steady reading voice.
Off-white gives the page a quiet base. Navy keeps the text grounded, rose distinguishes actions and pale blue groups supporting content. The existing illustrated mascot adds a friendly accent beside real photography.
Interface palette
- Off-white
- #FBFBFD
- Navy
- #17213F
- Rose
- #C33663
- Pale blue
- #EAF0FB
Warm serif headings
Iowan, Palatino and Georgia fallbacks give headings character; Avenir and system sans-serif fallbacks support body text.
A calm composition
Rounded surfaces, bounded paragraphs and consistent section gaps organize long pages without crowding them.
A focused accent
Rose separates actions from navy reading text, while pale backgrounds distinguish supporting groups.
Interaction design
Understand, explore, get in touch.
The structure moves from an introduction to useful details.
Start with an overview
The homepage introduces the available areas of support and links to detailed service information.
Look more closely
Service tables, articles and full photographs let visitors explore the information relevant to them.
Start a conversation
Contact routes lead to telephone, email and directions, matching the site’s informational purpose.
Design in practice
A shared presentation in two languages.
Next.js builds the pages from local bilingual content, service catalogs and article files. Shared components keep the two languages aligned; small client controls enhance navigation and photo viewing while the core content remains readable without JavaScript.
A vertical reading flow
Service headings and introductions sit above their content. The same pattern continues through audience groups, programs and practical questions.
Prices that can be compared
Semantic tables organize services and rates. Grouping related information gives the details a readable structure across screen sizes.
Photographs with room to breathe
Center and activity photographs retain their full composition. A shared viewer adds explicit controls for closer inspection.
The result
An approachable interface with clear information.
The finished website brings service information, pricing, photographs and articles into a shared bilingual system. Its warmth comes from typography, colour and imagery; its practical value comes from readable detail and direct contact routes.