A clean, modern, and professional theme designed for portfolios, business sites, and landing pages. Built with care, endlessly customizable.
Theme Overview
Everything you need to build a stunning, professional website right out of the box.
Feature Highlights
- 42 content sections
- 20+ page templates
- Dark mode support
- Fully responsive
- WCAG AA accessible
- Multi-language ready
- Blog & shop support
- SEO optimized
- Custom CSS & JS injection
- Google Fonts
Color Palette
| Color | Value |
|---|---|
| Primary | #2563eb |
| Secondary | #1e40af |
| Accent | #f59e0b |
| Text | #1e293b |
| Background | #f8fafc |
Typography
- DM Sans: Headings: Weight 600
- Inter: Body text: 16px base
Who is this theme for? The Default theme is ideal for freelancers, agencies, small businesses, and anyone who wants a clean, trustworthy online presence. Its neutral design adapts to any industry through simple color and font changes.
Getting Started
Activate the Default theme and start building your site in minutes.
-
Log in to your Admin Panel
Navigate to your site's admin area (typically
/admin) and sign in with your administrator credentials. -
Go to Appearance → Themes
In the admin sidebar, click Appearance then Themes. You will see a list of all installed themes.
-
Activate “Default”
Find the Default theme card and click the Activate button. The theme will immediately become your site's active front-end theme.
-
Customize to your liking
Head to Appearance → Theme Settings to change colors, fonts, header and footer options, and more. Changes apply instantly.
-
Add content
Create pages using the Pages section in the admin panel. Use the sectioned page template to mix and match from 42 different content sections.
Purchase Code (License Key)
The Default theme is free and ships with the application, so activating it never asks for a purchase code of its own. The purchase code you need is the one of the product you actually bought: the main application, or a paid add-on or theme. This block explains where to find that code.
Our products are sold on three platforms, and the way you receive a purchase code depends on where you bought the product.
| Platform / Marketplace | How you get the purchase code | Where to find it again |
|---|---|---|
| bedigit.com Store In-site purchase (Shop) |
Generated automatically when the order is paid, then sent by email, either in its own license email, or inside the order confirmation email. | My Account → My Licenses on bedigit.com |
| Gumroad | Created as soon as Gumroad notifies us of the sale, then sent in a separate email, in addition to the Gumroad receipt. | The license email, your Gumroad Library, and My Account → My Licenses on bedigit.com |
| Envato Market CodeCanyon |
Issued by Envato, not by us, and never sent by email: you download it yourself from your Envato account. | Envato account → Downloads → License certificate & purchase code |
Check your spam folder. For bedigit.com Store and Gumroad purchases the purchase code is delivered by email, and automated license emails are very often filtered. If the message is not in your inbox, look in your spam / junk folder before contacting support, and add our sender address to your contacts or allow list.
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?
Lost your purchase code? Search your mailbox (spam folder included) for “license” or “purchase code”, then check My Account → My Licenses on bedigit.com for Store and Gumroad purchases, or Downloads → License certificate on Envato. If it is still missing, open a ticket on our Help Center with your order number (Store), Gumroad sale ID or buyer email (Gumroad), or Envato username and item name (Envato).
Customization
Tailor every aspect of the theme from the admin panel: no coding required.
Colors
Change the primary, secondary, accent, and text colors using color pickers. The entire site updates automatically through CSS variables.
Fonts
Choose any Google Font for headings and body text. Adjust the base font size to match your preference.
Layout
Switch between layout styles and set custom container widths. The default is a wide 1250px container that works well on all screens.
Header
Customize the header's background color, text color, logo height, button colors, border, background image, and text shadow.
Footer
Configure the footer's 4-column layout, background color, background image, title and text colors, link colors, and top border style.
Advanced
Inject custom CSS and JavaScript directly from the admin panel. Perfect for small tweaks without touching theme files.
Tip: All customization options are found in Appearance → Theme Settings in the admin panel. Changes are saved to the database and take effect immediately: no need to rebuild or deploy anything.
Page Templates
Over 20 page templates are available, each designed for a specific purpose.
| Template | Purpose | Add-on |
|---|---|---|
| Sectioned | Mix and match from 42 section templates to build any page layout | Core |
| Page | Standard static page with title, content, and featured image | Core |
| Contact | Contact page with a form, map integration, and contact details | Core |
| Portfolio | Grid showcase of your work with categories and filtering | Core |
| Account | User account dashboard and profile management | Core |
| FAQ | Frequently asked questions with expandable accordion sections | FAQ |
| Team | Team member profiles with photos, roles, and social links | Team |
| Partners | Logo grid of partners, clients, or sponsors | Partners |
| Pricing | Pricing tables with feature comparison and plan highlights | Pricing |
| Blog | Blog listing, single posts, categories, and tags | Blog |
| Shop | Product catalog, product detail, cart, and checkout flow | Shop |
| Booking | Appointment or reservation booking interface | Booking |
| Events | Events listing with dates, locations, and registration | Events |
| Careers | Job listing board with application forms | Careers |
| Forum | Community discussion boards with topics and replies | Forum |
| Classified | Classified ad listings with categories and search | Classified |
| Glossary | A-to-Z glossary with search and alphabetical navigation | Glossary |
| HelpDesk | Knowledge base with categories and article search | HelpDesk |
| Licenses | Software license information and management | Licenses |
| Quote Request | Custom quote request form for services | Quote |
| Envato | Envato marketplace integration showcase | Envato |
Note: Add-on page templates only appear when the corresponding add-on is installed and activated. Core templates are always available.
Content Sections
42 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
- Banner
- CTA
- Buttons
- Countdown
Content & Text
- Rich Text
- Text Content
- Image & Text
- About
- Steps
- Timeline
- Accordion
- Tabs
- FAQ
Media & Visual
- Gallery
- Carousel
- Video
- Before & After
- Embed
- Map
- Divider
Data & Features
- Features
- Cards Grid
- Metrics
- Pricing Table
- Testimonials
- Team
- Downloads
Forms & Engagement
- Contact Form
- Newsletter
- Newsletter Form
Add-on Previews
- Portfolio
- Blog Preview
- Products Preview
- Events Preview
- Listings Preview
- Careers Preview
How to use sections: When creating or editing a page, choose the Sectioned page template. You can then add, reorder, and configure individual sections. Each section has its own settings for content, layout, colors, and spacing.
Header & Footer
Fully configurable header and footer to match your brand identity.
Header Options
| Option | Description |
|---|---|
| Style | Default (static with scroll detection) |
| Height | Adjustable header height |
| Background | Solid color or image |
| Text Color | Fully customizable |
| Button | Custom label color and background |
| Logo Height | Adjustable to fit your logo |
| Text Shadow | Optional text shadow effect |
| Border Bottom | Configurable border style |
The header automatically adds a .scrolled class when the user scrolls down, allowing for dynamic styling transitions.
Footer Options
| Option | Description |
|---|---|
| Layout | 4 columns with dynamic menu groups |
| Style | Default footer style |
| Background | Solid color or image |
| Title Color | Column heading color |
| Text Color | Body text color |
| Link Color | Customizable link color |
| Border Top | Configurable border style |
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.
Automatic Detection
The theme respects the visitor's system preference. If their device is set to dark mode, your site will automatically match.
Manual Toggle
A mode toggle in the header lets visitors switch between light and dark modes. Their choice is remembered across visits.
Admin Controls
Choose the default mode (light or dark), or allow visitors to toggle between them. Configuration is in Theme Settings.
Configuration options:
- Default mode: Set whether the site starts in light or dark mode
- Allow mode toggle: Show or hide the light/dark switch in the header
- Visitor preferences are saved via
localStorageand persist across sessions
Add-on Support
The Default theme includes custom-designed templates for every Larapen add-on.
Blog & News
Beautiful post listings, single post views, categories, tags, and comment sections: all styled to match.
Shop
Product catalog, product detail pages, shopping cart, and checkout flow with a polished, conversion-focused design.
Portfolio
Grid-based portfolio showcase with category filtering, detail views, and image galleries.
FAQ
Organized question-and-answer sections with accordion layout and category grouping.
Team
Team member profiles with photos, bios, roles, and social media links in a clean card layout.
Events
Event listings with dates, times, locations, descriptions, and registration options.
Pricing
Pricing tables with plan comparisons, feature lists, and highlighted recommended plans.
Careers
Job listing board with search, categories, and application forms.
Partners
Logo showcase grid for partners, clients, sponsors, or technology stack.
Forum
Community discussion boards with topics, threads, and reply chains.
HelpDesk
Knowledge base with categorized articles, search functionality, and breadcrumb navigation.
And More...
Booking, Classified, Glossary, Newsletter, Licenses, and other add-ons are all fully supported.
Updating
How to update this theme to a newer version.
Admin Panel Upload (Recommended)
- Download the latest
.zipfile of this theme. - Go to Admin panel → Themes and click the Upload button.
- Select or drag the
.zipfile into the upload area. - A confirmation prompt will show the current and new version numbers. Click Replace to proceed.
- Go to Admin panel → System Update (
/admin/update) to apply any pending database migrations.
Tip: Your theme settings (colors, fonts, custom CSS) are stored in the database and will not be lost when you replace the theme files.
Frequently Asked Questions
Answers to common questions about the Default theme.
Is the Default theme free?
Yes. The Default theme is included with every Larapen CMS installation at no additional cost. It is ready to use the moment you install Larapen.
Can I change the colors and fonts without coding?
Absolutely. All colors, fonts, and layout options are configurable from the admin panel under Appearance → Theme Settings. No code editing is necessary.
Does the theme work on mobile devices?
Yes. The Default theme is fully responsive and designed mobile-first. It looks great on 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 and appearance individually.
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 your theme's colors, fonts, 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. The Default theme is fully multi-language compatible. All theme text uses the translation system, and the URL structure adapts to the active language. Manage languages in Settings → Languages.
Is the theme accessible?
The Default theme is built to meet WCAG AA accessibility standards. It includes proper color contrast, semantic HTML, keyboard navigation support, and screen reader compatibility.
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.