<?xml version="1.0" encoding="utf-8"?>

EDIT: This is the redesigned version of the previous version, with the incorporation of all the improvements left by my amazing reviewers!

I designed a pricing page for a designing SaaS known as 'Moon Studio'. It is inspired by night sky color palette, focusing on deep blues and purples, reflecting the introspective and curious personalities most designers have. 🎨

Branding and Visual design

I chose a deep, dark, and mysterious yet playful color palette, inspired by the night sky. The palette reflects a sense of sophistication, creativity, and intrigue, while maintaining a fun and engaging feel.

Concept & Inspiration 🌌

The night sky serves as a perfect metaphor for limitless possibilities, innovation, and exploration—values that align with our SaaS platform. The deep, dark tones represent depth, reliability, and professionalism, while the subtle gradients and playful highlights evoke a sense of curiosity and creativity.

Pricing Page for Moon Studio 1

Goal of the Pricing Page

The goal of this pricing page is to present clear, structured, and visually appealing pricing options tailored for different user needs. By leveraging a deep, night-sky-inspired palette with gradients, the page creates a futuristic and engaging feel that resonates with designers. The design ensures that pricing plans are easily scannable, with distinct sections highlighting key features, making it effortless for users to compare and select the best fit. The CTA buttons are strategically placed to drive conversions, ensuring a smooth user journey. Additionally, an FAQ section addresses common concerns, enhancing transparency and building user trust. The overall experience is designed to be seamless, informative, and conversion-focused, helping designers confidently choose their ideal plan. 🤍🔵🟣🌃✨

Share your insights — leave a project review and help others grow their skills

Reviews

6 reviews


Hello Mishaal, glad to see your showcase. I like your concept & inspiration which is very connected to the brand name. The styles and components used are also very consistent and efficient. Just some little things that I think would help the showcase even better:

  1. The green listing check mark on the highlight background color seems a bit off as the contrast is not every good, so let's try another color instead.
  2. Let's try aligning left the second text line of each bullet with the first text line. For example, in the card of "individuals and freelancers", the word "Advanced..." and "templates" should be aligned left. It could help the user scan and compare the benefits between the packages faster.
  3. Reduce the height of each pricing card. At the moment, I can see the bottom of each card has big empty space for no reason.

Great jobs, Mishaal. I look forward to seeing more projects from you :D


Hi Mishaal,

The Moon Studio pricing page is thoughtfully designed, with a clear and user-friendly layout that makes comparing options easy. The simplicity of the design is really effective. For even greater clarity, increasing the contrast on the call-to-action buttons could make them more prominent. Overall, a wonderful design—well done!


Great work on the pricing page for Moon Studio!

The night sky theme is a unique and creative approach. The deep blues and purples give a strong brand identity.

Make sure the pricing plans are easy to compare at a glance. Clear typography and spacing will help users quickly understand their options.

Check that the CTA buttons stand out and guide users smoothly through the page. A/B testing different placements could improve conversions.

Your concept is strong. Just keep refining the layout to make it even more user-friendly.


Hello Mishaal!

The overall concept of this pricing page is quite interesting, and the color palette effectively conveys the intended mood of creativity and introspection. However, on the team pricing card, the text at the bottom — bad readability. It would be beneficial to follow WCAG guidelines to enhance accessibility. For an easier implementation, consider using Figma plugins like Contrast to check and improve text visibility. Keep up the great work!


Great Microcopy! I love your utilization of contrast and the placement of all the elements. The dark design is a plus as well.

The only recommendation I have is that the signup and login button contrast should be switched, so more focus is on the signup button.

Thank you! I'll certainly follow your recommendation 🎀

Great work I love the visual design. I especially like the creative logo that gives off a feeling of unity, creativity, and togetherness. One thing I would look out for is accessibility. I have Keratoconus. This means things appear blurry to me, even with glasses. I have a hard time seeing some of the text. But I love the visual design. You are very creative.

I'm so glad that you shared that. Thank you! I'll certainly look into it✨

29 Claps
Average 4.1 by 7 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>