Customizing Your Equipme Login Page
Your login page is the first thing users see when accessing your Equipme portal. With our customization feature, you can brand it to match your company identity. Let's get started.
Note: You'll need the "Advanced Customization" license to use this feature.
Understanding Your Customization Options
Equipme offers two distinct approaches to login page customization. Let's explore each one to help you choose the right fit.
Option 1: Standard Customization (Quick & Easy)
Standard customization is perfect if you want a professional branded login page without extensive design work. This option lets you personalize three key elements:
What you can customize:
Your company logo – Displayed prominently on the login page
Background image – Sets the visual tone and atmosphere
Color scheme – Accent colors for buttons, links, and interface elements
Best for:
Companies wanting quick implementation
Organizations with established brand assets (logo, colors, images)
Businesses that prefer a clean, professional look without complex layouts
Typical turnaround: Faster implementation since it uses Equipme's existing layout structure
Example scenario: A mid-sized company wants their logo, corporate blue color scheme, and an office photo as the background. Standard customization handles this beautifully.
Option 2: Full Custom Design (Complete Control)
Full custom design gives you complete creative freedom to design every aspect of your login page. This option is ideal when you need specific layouts, unique branding elements, or want the login page to match an existing website design.
What you can customize:
Everything—the entire login page is designed according to your specifications. This includes:
Custom layouts and positioning of all elements
Unique graphical elements and illustrations
Specific typography and text styling
Custom form designs and button styles
Any other visual elements you envision
Best for:
Companies with specific design requirements or brand guidelines
Organizations wanting the login page to match their website exactly
Businesses with in-house design teams or design agencies
Premium branding experiences
What you need to provide:
A comprehensive design file (typically a Figma, Adobe XD, or Sketch file)
All visual assets (images, icons, fonts)
Detailed specifications for responsive behavior (if applicable)
Typical turnaround: Longer implementation time due to custom development work
Example scenario: A creative agency wants their login page to feature custom illustrations, animated elements, and a unique layout that matches their award-winning website design.
Important Requirements & Considerations
License Requirements
To use login page customization, you need the "Advanced Customization" license.
This license unlocks the ability to create a branded login experience. If you're unsure whether your account includes this license, contact your account manager or reach out to our support team.
Understanding the Scope
One design for all customers: Your custom login page will be the same for all users accessing your Equipme portal. You cannot create different login pages for different customer groups or individual customers.
This is similar to how most companies have one main website design that everyone sees—it ensures consistency and simplifies maintenance.
Plan accordingly: If you serve multiple distinct customer groups with very different branding needs, you'll need to create a design that works universally or consider whether login page customization is the right solution.
Preparing Your Materials: A Checklist
Before you begin, gather everything you'll need. Having these materials ready ensures a smooth, efficient customization process.
For Standard Customization
Required materials:
□ Company logo
File format: PNG or SVG preferred
Background: Transparent background recommended
Resolution: High-resolution (at least 300 DPI)
Size: Logo should be clear at approximately 200-300px width
□ Background image
File format: JPG or PNG
Resolution: High-resolution (minimum 1920x1080px, larger for 4K displays)
Content: Professional, not too busy (text must remain readable on top)
File size: Optimized for web (under 2MB if possible)
□ Color specifications
Primary brand color (hex code)
Secondary/accent color if applicable (hex code)
Any additional colors you want incorporated
Pro tip: If you have brand guidelines, reference them to ensure color accuracy. Hex codes are more precise than color names.
For Full Custom Design
Required materials:
□ Complete design file
Acceptable formats: Figma (preferred), Adobe XD, Sketch, or detailed PDF mockup
Must include all states: default, hover, error messages, loading states
Should specify all fonts, colors, spacing, and sizing
Include responsive design considerations for different screen sizes
□ All visual assets
Logo files (multiple formats/sizes if used differently)
Icons and graphics
Background images or patterns
Any custom illustrations
□ Design specifications document (if not included in design file)
Typography specifications (fonts, sizes, weights, line heights)
Complete color palette with hex codes
Spacing and padding measurements
Interaction states and animations (if any)
Pro tip: Provide fonts or specify Google Fonts/web-safe fonts to avoid licensing issues.
Required for Both Options
□ Legal pages URLs
Imprint page URL (mandatory for GDPR compliance)
Privacy policy page URL (mandatory for GDPR compliance)
These should be publicly accessible URLs on your website
Important: These links are legally required in many jurisdictions. Ensure your imprint and privacy policy are up-to-date and hosted on your domain before requesting customization.
Step-by-Step: Submitting Your Customization Request
Follow these steps to request your login page customization:
Step 1: Choose Your Customization Option
Decide whether Standard Customization or Full Custom Design better suits your needs. Consider:
Your timeline
Available design resources
Budget considerations
Complexity of your branding requirements
Step 2: Gather Your Materials
Use the checklist above to collect all necessary files and information. Having everything ready before you start saves time and prevents delays.
Step 3: Complete the Customization Form
Access the customization request form through:
Your Equipme admin dashboard, or
By contacting support@equipme.io directly
Fill out the form completely, including:
Company information
Chosen customization option
Contact person for design questions
Preferred launch date (if applicable)
Step 4: Upload Your Materials
Upload all required files through the designated method:
Use the file upload section in the form, or
Share files via a secure link (Google Drive, Dropbox, WeTransfer)
File organization tip: Name your files clearly (e.g., "CompanyName_Logo_Primary.png" instead of "logo1.png"). This prevents confusion and speeds up the process.
Step 5: Provide Your Legal Page URLs
Double-check that your imprint and privacy policy URLs:
Are correct and publicly accessible
Lead directly to the right pages (not a homepage)
Are secure (HTTPS)
Step 6: Submit and Await Confirmation
After submitting your request, you'll receive:
An immediate confirmation email
A timeline for implementation
The name of your contact person for any questions
What Happens Next?
Review Process
Our design team will review your submission to ensure:
All required materials are provided
Files meet technical specifications
Design is feasible within Equipme's framework (for custom designs)
If anything is missing or unclear, we'll reach out within 1-2 business days with specific questions or requests.
Implementation Timeline
Standard Customization: Typically 3-5 business days after approval
Full Custom Design: Typically 2-4 weeks, depending on complexity
These are estimates—we'll provide a specific timeline when we confirm your request.
Preview and Approval
Before going live, you'll receive:
Preview access to your customized login page
An opportunity to request minor adjustments
Final approval confirmation
Important: Please review the preview carefully on different devices (desktop, tablet, mobile) to ensure everything looks as expected.
Going Live
Once you approve, we'll schedule the launch of your customized login page. The new design will replace the default Equipme login page for all users accessing your portal.
Common Questions & Troubleshooting
Q: Can I change my customization after it goes live?
Yes! You can request updates at any time. However, significant redesigns may require the same process and timeline as the initial customization. Minor updates (logo changes, color adjustments) are usually faster.
Q: What if I don't have high-resolution logo files?
Contact your original logo designer or marketing team—they typically have the source files. If those aren't available, we can sometimes work with what you have, though quality may be compromised. We recommend hiring a designer to recreate your logo in high-resolution if needed.
Q: Can different customers see different login pages?
Not at this time. The custom login page is universal for all users of your Equipme portal. This ensures consistency and simplifies administration.
Q: What screen sizes should I consider for background images?
Aim for at least 1920x1080px (Full HD), but providing larger images (like 2560x1440px) ensures crisp display on high-resolution and 4K screens. The image will scale appropriately for smaller screens.
Q: Do you support animated backgrounds or interactive elements?
This depends on your customization option. Standard customization uses static images. Full custom design can incorporate animations, but discuss feasibility with our team during the design review phase.
Q: What happens if my imprint or privacy policy URL changes?
Simply contact support@equipme.io with the updated URLs, and we'll update them promptly. This is a quick change that doesn't require a full redesign.
Q: How do I know if I have the Advanced Customization license?
Check your Equipme admin panel under "Settings" > "License Information," or contact your account manager. If you need to upgrade, reach out to our sales team.
Best Practices for Login Page Design
Want to create the best possible login page? Follow these proven best practices:
Visual Design
Keep it clean and uncluttered
The login form should be the primary focus
Background images should be attractive but not distracting
Ensure sufficient contrast between text and background
Optimize for readability
Use clear, legible fonts
Ensure text is easily readable on all backgrounds
Test on multiple devices before finalizing
Maintain brand consistency
Use your official brand colors and logo
Match the aesthetic of your other digital properties
Follow your established brand guidelines
Technical Considerations
Optimize file sizes
Compress images without losing quality
Faster load times improve user experience
Aim for total page load time under 3 seconds
Plan for mobile devices
Over 40% of users may access your portal from mobile
Ensure logos and text remain readable on small screens
Test the design on actual phones and tablets, not just emulators
Consider accessibility
Ensure sufficient color contrast (WCAG AA standard minimum)
Don't rely solely on color to convey information
Test with screen readers if possible
User Experience
Prioritize functionality
Beautiful design shouldn't compromise usability
Login form should be immediately obvious
Error messages should be clear and helpful
Think about brand impression
What feeling should users have when they see your login page?
Does it communicate professionalism and trustworthiness?
Is it welcoming and encouraging?
Need Help?
We're here to support you throughout the customization process!
Have questions? Need assistance? Reach out anytime:
📧 Email: support@equipme.io
Our support team typically responds within 24 hours on business days. For design consultations or complex questions, we might schedule a call to ensure we understand your needs perfectly.
When contacting support, please include:
Your company name and Equipme account information
The specific customization option you're considering
Any specific questions or concerns
Screenshots if you're referring to visual examples
Course Summary
Congratulations! You now understand how to customize your Equipme login page. Let's recap the key points:
Two customization options:
Standard Customization – Quick setup with logo, background image, and colors
Full Custom Design – Complete creative control with comprehensive design files
Requirements:
Advanced Customization license
Appropriate design materials for your chosen option
Imprint and privacy policy URLs
Process:
Choose your customization approach
Gather all required materials
Complete and submit the request form
Review, approve, and launch
Remember:
Plan ahead and gather materials before starting
One design serves all customers
Support is available throughout the process
Preview carefully before going live
Next Steps
Ready to create your custom login page? Here's what to do next:
Decide on your customization approach – Standard or Full Custom?
Check your license status – Do you have Advanced Customization enabled?
Gather your materials using the checklists in this course
Contact support@equipme.io to begin your customization journey
Your branded login page is just a few steps away. We're excited to help you create a professional, welcoming entry point to your Equipme portal!
Last updated
Was this helpful?