Accessible SaaS Sign Up (Notion)
A sign up/log in page should be simple and straight forward, making it easy for users to complete the objective.
Using a common layout reduces cognitive load as users are already familiar and know what to expect.
Strong contrast of text and background color makes the design easily pass accessibility standards.
Tools used
From brief
Topics
Share
Reviews
1 review
Hey Dan,
Great job on submitting your design brief!
Your signup form is clean, concise, and aligns well with Notion’s aesthetic—well done on maintaining that consistency. Here are a few suggestions that might help refine it further:
- Consider the logo placement in relation to potential interface elements like toolbars or the Dynamic Island to ensure visibility.
- While Notion’s buttons tend to be small, slightly increasing their height could enhance tapability—just something to experiment with!
- Ensure sufficient negative space around the login button for easier touch interaction.
- When implementing “Login with” options, referencing Google, Meta, and Apple’s branding guidelines can help maintain compliance.
- The divider lines could be a bit more subtle to keep the focus on key elements.
- SSO is a crucial feature for Notion users—incorporating it could improve usability.
- Your UI design skills are solid! Don’t hesitate to explore and test new and fresh approaches.
Looking forward to seeing more of your work!
Thank you Salvatore, I appreciate you taking the time to provide some feedback. I will implement these changes and think more about the suggestions you've made.
Thanks again!
4 Claps
Average 4.0 by 1 person
You might also like

Project
SONZ - Entertainment platform
The next-generation entertainment platform will allow its users not only to browse the trending songs and visuals but also to create their o

Project
Camp & Travel Explorer - App Design
Hey Uxcel Community, Most travel apps focus on destinations. This one focuses on the experience. Camp & Travel Explorer is a real client pr

Project
Solar system Dashboard Utility
Editors’ Choice
Project
Uxcel Halloween Icon Pack
🎃 Introducing the Uxcel Halloween Icon Pack! 🎃 This custom Halloween-themed icon set was created to enhance the seasonal user experience o

Project
Signup page for a SaaS website
1. 44×44px touch targets All interactive elements fields, buttons, and the password visibility toggle meet the 44px minimum tap target. This

Project
Color System
To develop the color system for a productivity platform from start to finish, I decided to create a quick UI design for a fictional task man
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.










