Studio Theme Guide for Larapen

A modern SaaS landing theme based on the LpStudio front-pages design, with a mega-menu navbar, animated hero and full light/dark mode.

Theme Overview

A polished SaaS-style front end for your Larapen site, with a floating pill navbar, an animated gradient hero, and a fully themed light/dark experience.

Feature Highlights

• 49 content sections
• 80+ page templates
• Mega-menu navigation
• Light, dark & system mode
• Fully responsive
• Multi-language ready
• Blog & shop support
• SEO optimized
• Custom CSS & JS injection
• Two header variants

Color Palette

Typography

• Public Sans: Headings: Weight 600–700
• Public Sans: Body text: 16px base

Getting Started

Activate the Studio theme and start building your site in minutes.

1. Log in to your Admin Panel

   Navigate to your site's admin area (typically /admin) and sign in with your administrator credentials.

2. Go to Appearance → Themes

   In the admin sidebar, click Appearance then Themes. You will see a list of all installed themes.

3. Activate “Studio”

   Find the Studio theme card and click the Activate button. The theme will immediately become your site's active front-end theme.

4. Customize to your liking

   Head to Appearance → Theme Settings to change colors, header and footer options, the mega menu, dark mode behavior, and more. Changes apply instantly.

5. Add content

   Create pages using the Pages section in the admin panel. Use the sectioned page template to mix and match from 49 different content sections.

Purchase Code (License Key)

The Studio theme is licensed separately from the main application and from every other theme or add-on, so it has its own purchase code (license key). You are asked for it the first time you activate the theme in Admin panel → Themes.

Our products are sold on three platforms, and the way you receive a purchase code depends on where you bought the product.

1. bedigit.com Store (in-site purchase)

As soon as your order is marked Paid, a license key is generated automatically for every licensed item in the order (one key per purchased unit) and emailed to the address used on the order, either in a dedicated license email or inside the order confirmation email. The key also stays available under My Account → My Licenses, where you can reveal it, copy it, see the domains it is activated on, and deactivate a domain to free an activation slot. The matching invoice is under My Account → My Orders.

2. Gumroad

A Gumroad purchase produces two separate emails: the Gumroad receipt (sent by Gumroad, giving access to the files) and a license key email (sent by bedigit.com) that contains your purchase code. The second one is generated as soon as Gumroad notifies us of the sale, so it normally arrives within seconds of the payment. When the product uses Gumroad’s own license-key feature, the same key is also shown in the Gumroad receipt and under Library → your purchase on gumroad.com. Use the same email address on bedigit.com as on Gumroad and your keys are linked to your account automatically, under My Account → My Licenses; you can also add a Gumroad key manually from My Account → My Gumroad Licenses.

3. Envato Market (CodeCanyon)

Envato issues and delivers the purchase code itself: we never email it, so there is nothing to look for in your spam folder. Log in to your Envato / CodeCanyon account, open Downloads, find the item, and choose License certificate & purchase code from the Download dropdown; the code is written in that certificate. It looks like 12345678-90ab-cdef-1234-567890abcdef and never changes, even when you renew item support. See the official article: Where Is My Purchase Code?

Customization

Tailor every aspect of the theme from the admin panel: no coding required.

Page Templates

More than 80 Blade templates cover every core page and every supported add-on.

Content Sections

49 drag-and-drop sections let you build rich, unique pages without writing a single line of code.

Page Title Sections

• Title Simple
• Title Banner
• Title Overlay
• Title Animated
• Title Split

Hero & Call-to-Action

• Hero
• Hero Landing
• Banner
• CTA
• Buttons
• Countdown

Content & Text

• Rich Text
• Text Content
• Image & Text
• About
• Steps
• Timeline
• Accordion
• Tabs
• FAQ
• Bulleted List

Media & Visual

• Image
• Gallery
• Gallery & Text
• Carousel
• Video
• Before & After
• Embed
• Map
• Divider

Data & Features

• Features
• Cards Grid
• Metrics
• Pricing Table
• Wallet Pricing
• Comparison Table
• Testimonials
• Team
• Downloads
• Tools

Forms & Engagement

• Contact Form
• Newsletter
• Newsletter Form

Add-on Previews

• Portfolio
• Blog Preview
• Products Preview
• Events Preview
• Listings Preview
• Careers Preview

Header & Footer

A floating pill navbar with two independent variants, a mega menu, and a fully configurable two-tier footer.

Two Header Variants

Studio configures the header twice: once for sectioned pages (the homepage and pages built with dynamic sections, which typically open with a hero the header may overlay) and once for standard pages (content-only pages and add-on front pages, where the header is solid). Each variant has its own full set of options.

Mega Menu

Menu items with grandchildren automatically render as a multi-column mega dropdown. Global options control its behavior:

• Mega menu: enable or disable the mega dropdown mode
• Masonry layout: flow category blocks through a masonry grid instead of equal columns
• Open on click: open panels on click instead of hover
• Root icons: show icons next to top-level menu items

Language Switcher

• Hide the switcher entirely, or give the language dropdown its own mega menu with a configurable number of languages per column
• Show country flags per language, or a generic globe icon

Footer Options

Footer menus are managed through the Menus section in the admin panel. Assign menu groups to footer columns for complete flexibility.

Dark Mode

Give your visitors a comfortable viewing experience: day or night.

Add-on Support

The Studio theme includes custom-designed templates for every Larapen add-on.

Updating

How to update this theme to a newer version.

Admin Panel Upload (Recommended)

1. Download the latest .zip file of this theme.
2. Go to Admin panel → Themes and click the Upload button.
3. Select or drag the .zip file into the upload area.
4. A confirmation prompt will show the current and new version numbers. Click Replace to proceed.
5. Go to Admin panel → System Update (/admin/update) to apply any pending database migrations.

Uninstallation

How to stop using this theme without losing anything.

Themes are not switched on and off one by one: exactly one theme is active at a time, so you stop using Studio by activating another one. Go to Admin panel → Themes and click Activate on the theme you want instead.

• Studio stays installed: its files remain under extensions/themes/studio/ and its card stays in the list.
• Its settings (colors, fonts, layout, header and footer options, custom CSS) stay stored in the database, and so does the per-section styling you gave it on the home page.
• The purchase code recorded at activation is kept, so activating the theme again does not ask for it.

Activate it again whenever you like: the front-end comes back exactly as you left it.

Removing

How to delete this theme permanently, and what goes with it.

Removing deletes the theme for good. The active theme cannot be removed, so removal is always two steps:

1. Activate a different theme (see Uninstallation).
2. Click Remove on the Studio card and confirm the prompt.

That deletes:

• the theme directory extensions/themes/studio/;
• its published assets under public/themes/studio/;
• its uploaded files under storage/app/public/themes/studio/;
• its Vite build artifacts: the hashed files under public/build/ and their manifest entries;
• its row in the themes table, which is where its settings live, so the colors, fonts, layout options and custom CSS you configured for it are lost.

Per-section home page styling is stored under the theme's name rather than against the theme row, so it survives the removal: install Studio again and your section styling is still there, while the theme's own settings start from their defaults.

The removal is refused, before anything is deleted, when the theme is still active or when the web server (PHP) user cannot delete extensions/themes/studio/. In that last case, give that user write permission on the directory and on its parent, then try again.

Deleting the folder over FTP or SSH is not equivalent: the published assets, the build artifacts and the themes row are all left behind. Use Remove in the admin panel instead.

Frequently Asked Questions

Answers to common questions about the Studio theme.

Is the Studio theme free?

No. Studio is a premium theme with a paid license. You can purchase it through the BeDigit website. Once installed, it works like any other Larapen theme.

Can I change the colors without coding?

Absolutely. Pick a new primary color in Appearance → Theme Settings and Studio re-derives every dependent shade (buttons, links, focus rings, even the animated hero gradient) automatically. No code editing is necessary.

Does the theme work on mobile devices?

Yes. Studio is fully responsive. On small screens the navigation collapses into an off-canvas menu, and every page template adapts to phones, tablets, laptops, and desktops of any size.

How do I use the section builder?

When creating or editing a page, choose the Sectioned template. You will see an interface where you can add sections, reorder them by dragging, and configure each section's content, background, and appearance individually.

What is the difference between the two header configurations?

Sectioned pages (like the homepage) usually open with a hero, so their header defaults to the transparent glassy pill that floats over it. Standard pages (blog, shop, and other add-on pages) have no hero, so their header defaults to a solid sticky pill. Each variant is configured independently in Theme Settings.

Will the blog/shop pages match my theme?

Yes. Every add-on has dedicated, theme-matched page templates. When you activate an add-on like Blog or Shop, its pages automatically inherit Studio's colors, typography, and design language.

Can I inject custom CSS or JavaScript?

Yes. In Appearance → Theme Settings, you will find fields for custom CSS and JavaScript. Code entered here is injected into every page, making it easy to add small customizations or third-party tracking scripts.

Does the theme support multiple languages?

Yes. Studio is fully multi-language compatible, including right-to-left languages. The language switcher can show country flags or a globe icon, and can even use its own mega menu when you have many languages. Manage languages in Settings → Languages.

Can I switch to a different theme later?

Yes. You can switch themes at any time from the admin panel. Your content, pages, and settings are preserved: only the visual presentation changes.