Back to Projects

Anthony's Recipe

A high-fidelity website design emphasizing elegant typography, pairing Roboto Slab and Raleway, alongside seamless social media integration. A high-fidelity design website where users are have the ability to sent their homestyle recipe to Anthony, and he'll publish the recipes which are the best!

Role UI/UX Designer / Front-End Developer
Timeline 4 Weeks
Tech Stack Figma, HTML5, SCSS, JavaScript
Anthony's Recipe Website Mockups

Project Overview

Anthony's Recipe was envisioned as a modern, elegant digital cookbook. The objective was to craft a platform where culinary passion meets high-fidelity design, allowing food enthusiasts to seamlessly browse, read, and share their favorite dishes with their networks.

The Challenge

Many recipe websites suffer from visual clutter, aggressive advertising, and poor typography, making it difficult for users to follow instructions while actively cooking. The main challenge was to design a spacious interface that balances rich food photography with highly legible text, while making social sharing feel intuitive rather than intrusive.

Typography and UI layout details Showcasing the elegant typography pairing and clean user interface.

The Solution

I designed a sophisticated layout that leverages a classic typography pairing: Roboto Slab for striking, authoritative headings, and Raleway for clean, readable body text. By implementing a minimalist user interface, strategic whitespace, and sticky social sharing components, the site ensures that the focus remains entirely on the culinary experience and community engagement.

  • High-contrast typography pairing optimized for readability on mobile devices.
  • Frictionless social media integration to encourage user-driven content sharing.
  • Distraction-free reading mode for following recipes step-by-step.