Title: Web Barracks Login Branding Studio Author: Web Barracks Published: November 2, 2026 Last modified: November 2, 2026 --- Search plugins ![](https://ps.w.org/webbarracks-login-branding-studio/assets/banner-772x250.png? rev=3778986) ![](https://ps.w.org/webbarracks-login-branding-studio/assets/icon-256x256.png?rev =3778986) # Web Barracks Login Branding Studio By [Web Barracks](https://profiles.wordpress.org/webbarracks/) [Download](https://downloads.wordpress.org/plugin/webbarracks-login-branding-studio.1.0.0.zip) * [Details](https://wordpress.org/plugins/webbarracks-login-branding-studio/#description) * [Reviews](https://wordpress.org/plugins/webbarracks-login-branding-studio/#reviews) * [Installation](https://wordpress.org/plugins/webbarracks-login-branding-studio/#installation) * [Development](https://wordpress.org/plugins/webbarracks-login-branding-studio/#developers) [Support](https://wordpress.org/support/plugin/webbarracks-login-branding-studio/) ## Description Transform the default WordPress login page (`wp-login.php`) into a beautifully branded gateway that matches your company identity. **Web Barracks Login Branding Studio** provides an intuitive live preview editor with instant feedback—letting you customize layouts, background colors, gradients, SVG patterns, images, looping background videos, custom logos, typography, form boxes, inputs, buttons, and animations without writing a single line of code. ### 🌟 Key Features * **7 Modern Layout Templates**: Centered, Split Screen Hero, Floating Card, Minimalist, Glassmorphism Frosted, Left Aligned, and Right Aligned. * **Instant 1-Click Design Presets**: - **Frosted Glass**: Translucent glassmorphism with vivid indigo/violet glows and ultra-sleek backdrops. - **Midnight Slate**: Deep atmospheric obsidian backdrop paired with crisp cyan accents and balanced contrast. - **Sunset Aura**: High-energy gradient glow moving from coral crimson to golden peach with a floating card. - **Clean Minimalist**: Crisp, editorial simplicity with architectural monochrome contrast and polished micro-borders. - **Emerald Sanctuary**: Organic botanical atmosphere with rich pine greens, frosted emerald sheen, and jade buttons. - **Cyber Neon**: Electric cyberpunk aesthetic with glowing neon borders, holographic gradients, and dark stealth card. * **6 Versatile Background Types**: - **Presets**: Pre-configured canvas environments. - **Solid Color**: Pure color backgrounds with clean aesthetic. - **CSS Gradients**: Linear and radial gradients with customizable angle, multi- stop colors, and position stops. - **Dynamic SVG Patterns**: Dots, Grid, Blueprint, Diagonal lines, Honeycomb, Circuit board, Waves, and 3D Cubes with adjustable size, opacity, and base color. - **Background Images**: Media library integration, cover/contain/auto sizing, repeat modes, attachment (fixed/scroll), and real-time blur and brightness filters. - **Looping Background Videos**: Self-hosted or external MP4 background video with poster fallbacks, opacity control, and aspect ratio management. * **Ambient Background Overlay**: Add a smooth tinted color overlay with configurable blur and opacity over any background. * **Complete Logo Customization**: Display image logo, custom text, default WordPress icon, or completely hide the logo. Configure width, height, margin bottom, custom URL redirect, and custom title. * **Form Card & Glassmorphism Styling**: Adjust form width, inner padding, border radius, border width, border style, shadow presets (soft, elevated, deep glow, neon rim, or custom shadow), and backdrop blur filter for frosted glass effects. * **Privacy-First Typography Control**: Defaults to modern system fonts (`system- ui`) with zero external network requests. Optional Google Fonts (Plus Jakarta Sans, Inter, Roboto, Outfit, Poppins, Montserrat, Space Grotesk, Playfair Display) loaded only upon explicit selection. * **Custom Inputs & Buttons**: Customize input heights, padding, border radius, background, border, focus rings, and placeholder colors. Style the primary submission button with height, radius, gradients, hover micro-scaling (1.02x), full-width toggle, and custom colors. * **Interactive Animations**: Entrance animations (Fade In, Slide Up, Scale In, Bounce In) with duration controls, button hover scaling, and optional shake disable on authentication failure. * **Labels & Text Overrides**: Customize username label, password label, remember me label, submit button text, lost password link text, and back to blog text without affecting lost-password or registration forms. Add rich custom footer copyright or disclaimer notes. * **Security & Redirect Hardening**: - Validated post-login redirect via `wp_validate_redirect()`. - Validated post-logout redirect route. - Hide WordPress version generator tag. - Generic login error message toggle to protect against username enumeration. - Front-end author archive scan blocking (`?author=N`) on template redirect without interfering with the REST API or authenticated users. * **Backup, Export & Import**: Single-click JSON configuration export and import to migrate designs between staging, development, and client sites. ### External Services This plugin can optionally connect to external third-party services: 1. **Google Fonts API** 2. * **Service URL:** `https://fonts.googleapis.com` and `https://fonts.gstatic.com` * **When it connects:** - In the administrative studio (`wp-admin/admin.php?page=webbarracks-login- branding-studio`): Enqueues Google Fonts to render instant typography choices and live previews in the editor. - On the front-end login screen (`wp-login.php`): Only connects when an administrator explicitly selects a Google Font family (such as Plus Jakarta Sans, Inter, Roboto, etc.) from the Typography settings panel. By default, the login screen uses the “System Default” font stack (`system-ui`), which makes no external network requests and downloads no third-party assets. * **Purpose:** Serves web font stylesheets and font weights to style login labels, buttons, and form typography. * **Data Sent / Privacy:** No personal data, user credentials, or tracking cookies are sent. Google receives standard browser HTTP headers (including IP address and User-Agent) necessary to serve the font files. * **Terms & Policies:** - Google Privacy Policy: [https://policies.google.com/privacy](https://policies.google.com/privacy) - Google Fonts FAQ: [https://developers.google.com/fonts/faq/privacy](https://developers.google.com/fonts/faq/privacy) 3. **Sample Background Video (Admin Demo Tool Only)** 4. * **Service URL:** `https://commondatastorage.googleapis.com` and `https://images. unsplash.com` * **When it connects:** Only in the administrative dashboard when an administrator explicitly clicks the “Load Sample Video” demonstration button under the Video Background tab. * **Purpose:** Loads a royalty-free sample MP4 video and preview poster to demonstrate background video playback without requiring an immediate media upload. * **Terms & Policies:** - Google Cloud Storage: [https://policies.google.com/privacy](https://policies.google.com/privacy) - Unsplash Terms: [https://unsplash.com/terms](https://unsplash.com/terms) ## Screenshots [⌊Full visual editor with preset designs and a real-time live canvas preview.⌉⌊Full visual editor with preset designs and a real-time live canvas preview.⌉[ Full visual editor with preset designs and a real-time live canvas preview. [⌊Layout selector featuring 7 responsive templates.⌉⌊Layout selector featuring 7 responsive templates.⌉[ Layout selector featuring 7 responsive templates. [⌊Background settings for solid colors, gradients, SVG patterns, images, and video.⌉⌊ Background settings for solid colors, gradients, SVG patterns, images, and video .⌉[ Background settings for solid colors, gradients, SVG patterns, images, and video. [⌊Logo and branding controls for an image logo, custom text, or a hidden logo.⌉⌊ Logo and branding controls for an image logo, custom text, or a hidden logo.⌉[ Logo and branding controls for an image logo, custom text, or a hidden logo. [⌊Form box and glassmorphism styling with backdrop blur and shadow presets.⌉⌊Form box and glassmorphism styling with backdrop blur and shadow presets.⌉[ Form box and glassmorphism styling with backdrop blur and shadow presets. [⌊Typography controls for system fonts and optional Google Fonts.⌉⌊Typography controls for system fonts and optional Google Fonts.⌉[ Typography controls for system fonts and optional Google Fonts. [⌊Entrance animations and button hover feedback.⌉⌊Entrance animations and button hover feedback.⌉[ Entrance animations and button hover feedback. [⌊Visibility toggles and custom login label text.⌉⌊Visibility toggles and custom login label text.⌉[ Visibility toggles and custom login label text. [⌊SVG pattern backgrounds, including the dot-matrix style.⌉⌊SVG pattern backgrounds, including the dot-matrix style.⌉[ SVG pattern backgrounds, including the dot-matrix style. [⌊Security settings, redirect routes, and login hardening.⌉⌊Security settings, redirect routes, and login hardening.⌉[ Security settings, redirect routes, and login hardening. [⌊JSON backup, export, import, and reset tools.⌉⌊JSON backup, export, import, and reset tools.⌉[ JSON backup, export, import, and reset tools. ## Installation 1. Upload the `webbarracks-login-branding-studio` folder to your `/wp-content/plugins/` directory, or install the plugin directly through the WordPress Plugins dashboard. 2. Activate the plugin via the **Plugins** screen in WordPress. 3. Click on the **WB Login Branding Studio** menu item in your WordPress admin dashboard. 4. Customize your layout, background, branding, typography, and colors with real-time live preview. 5. Click **Save Changes** in the top header. Your customized login page is immediately active at `wp-login.php`. ## FAQ ### Where can I find detailed documentation and guides? Full online documentation and tutorials are available at: https://www.webbarracks. com/docs/login-page-branding-studio/index.html ### Does this plugin edit core WordPress files? No. Web Barracks Login Branding Studio uses standard WordPress action hooks (`login_enqueue_scripts`,` login_header`, `login_footer`, `login_body_class`) and filters (`login_headerurl`,` login_headertext`, `login_errors`, `login_redirect`) to customize the login screen non-destructively. ### What does the “Block Author Archive Scanning” setting do? When enabled, the plugin checks incoming front-end requests for numeric author archive queries (`?author=N`) on template redirect and safely redirects them to the site home page. It automatically ignores REST API requests and logged-in users so normal editorial workflows and block editors are not interrupted. ### How are redirect URLs validated? Custom post-login and post-logout redirect destinations are validated using WordPress core’s `wp_validate_redirect()` function. This ensures users are only redirected to safe, allowed same-site destinations or explicitly permitted hosts. ### Does the plugin make external requests by default? No. By default, the plugin uses the modern system font stack (`system-ui`). An external font stylesheet from Google Fonts is only requested if you explicitly choose a Google Font family in the Typography tab. ### Can I migrate my login design to another WordPress site? Yes. Open the **Backup & Export** tab in the WB Login Branding Studio dashboard and click **Export Configuration (JSON)**. On your target WordPress site, upload this JSON file under **Import Configuration**. All settings are strictly validated and sanitized upon import. ### How do I revert all settings back to default? In the WB Login Branding Studio admin screen, navigate to the **Backup & Export** tab and click **Reset to Defaults**, then confirm the prompt. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Web Barracks Login Branding Studio” is open source software. The following people have contributed to this plugin. Contributors * [ Web Barracks ](https://profiles.wordpress.org/webbarracks/) * [ Mayur Paneliya ](https://profiles.wordpress.org/mayurptl1994/) * [ Keval Variya ](https://profiles.wordpress.org/vkeval/) [Translate “Web Barracks Login Branding Studio” into your language.](https://translate.wordpress.org/projects/wp-plugins/webbarracks-login-branding-studio) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/webbarracks-login-branding-studio/), check out the [SVN repository](https://plugins.svn.wordpress.org/webbarracks-login-branding-studio/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/webbarracks-login-branding-studio/) by [RSS](https://plugins.trac.wordpress.org/log/webbarracks-login-branding-studio/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release as Web Barracks Login Branding Studio. * Features custom Login Branding Studio shield icon and WB Login Branding Studio menu branding. * Modernized admin studio header matching modern WordPress studio dashboard aesthetics. * 7 modern layouts, 6 polished presets, 6 background types, and full live preview editor. * Added accessible clip technique for screen-reader text. * Added safe redirect validation via `wp_validate_redirect()`. * Hardened author scan protection on `template_redirect`. * Privacy-first typography default to `system-ui`. ## Meta * Version **1.0.0** * Last updated **13 hours ago** * Active installations **Fewer than 10** * WordPress version ** 5.8 or higher ** * Tested up to **7.1.4** * PHP version ** 7.4 or higher ** * Tags * [branding](https://wordpress.org/plugins/tags/branding/)[custom login](https://wordpress.org/plugins/tags/custom-login/) [login](https://wordpress.org/plugins/tags/login/)[login page](https://wordpress.org/plugins/tags/login-page/) [logo](https://wordpress.org/plugins/tags/logo/) * [Advanced View](https://wordpress.org/plugins/webbarracks-login-branding-studio/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/webbarracks-login-branding-studio/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/webbarracks-login-branding-studio/reviews/) ## Contributors * [ Web Barracks ](https://profiles.wordpress.org/webbarracks/) * [ Mayur Paneliya ](https://profiles.wordpress.org/mayurptl1994/) * [ Keval Variya ](https://profiles.wordpress.org/vkeval/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/webbarracks-login-branding-studio/)