> For the complete documentation index, see [llms.txt](https://hub.equipme.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hub.equipme.io/documentation/equipme-pro/customizing-your-equipme-login-page.md).
# 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:**
1. **Your company logo** – Displayed prominently on the login page
2. **Background image** – Sets the visual tone and atmosphere
3. **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 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 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:**
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:**
1. **Standard Customization** – Quick setup with logo, background image, and colors
2. **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:**
1. Choose your customization approach
2. Gather all required materials
3. Complete and submit the request form
4. 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:
1. **Decide on your customization approach** – Standard or Full Custom?
2. **Check your license status** – Do you have Advanced Customization enabled?
3. **Gather your materials** using the checklists in this course
4. **Contact** [**support@equipme.io**](mailto: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!
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://hub.equipme.io/documentation/equipme-pro/customizing-your-equipme-login-page.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.