Overview
The Minimalist theme is a pure black and white theme designed for artists, photographers, and creatives who believe in the power of restraint. There are no gradients, no shadows, no rounded corners, and no decorative colors. Every element is reduced to its essential form: black on white, white on black, with generous spacing that lets your content breathe.
This is a theme for people who understand that less is more. The gallery-like aesthetic puts your work front and center, using a narrower 1200px container that frames content the way a gallery frames art.
Key Features
- Pure Grayscale Palette: All colors are grayscale, from pure black (#000000) through mid-grays to white (#FFFFFF). No decorative colors.
- Zero Border Radius: Every element uses square corners for a clean, architectural feel.
- No Shadows: Flat design throughout with no box shadows lifting elements off the page.
- No Animations: Content appears instantly without decorative motion, prioritizing immediate delivery.
- Gallery Aesthetic: A narrower 1200px container creates a gallery-like frame for your content.
- 42 Sections: Pre-built section templates following the same flat, monochrome design language.
- Dark Mode: Clean inversion from black-on-white to white-on-black while maintaining the flat aesthetic.
- Full Add-on Support: Templates for all Larapen add-ons, each styled with the minimalist approach.
Design Details
Typography
The theme uses three distinct Google Fonts, each chosen for its clean, modern character:
- Sora: Used for headings. Geometric and modern with clean lines.
- Karla: Used for body text. Clean and highly readable with a warm character.
- Space Grotesk: Used for the logo. Geometric with distinctive character shapes.
Design Properties
| Property | Value |
|---|---|
| Border Radius | 0px everywhere |
| Shadows | None |
| Color Palette | Pure grayscale |
| Animations | None |
| Line Height | 1.7 |
| Container Width | 1200px |
Customization
While the Minimalist theme is intentionally restrained, you can still tailor it to your needs through the admin panel under Appearance → Theme Settings.
- Typography: The theme uses Sora for headings and Karla for body text, loaded from Google Fonts. You can adjust the primary black and background tones if needed.
- Colors: All colors are grayscale. The theme settings allow you to adjust the primary black and background tones.
- Layout: The 1200px container is narrower than most themes, creating a gallery-like frame. Generous vertical spacing between sections gives the content room to breathe.
- Dark Mode: Toggle dark mode support from theme settings. In dark mode, the palette inverts: white text on black backgrounds, while maintaining the same flat, shadowless aesthetic.
Design tip: Resist the urge to add color. The power of this theme comes from its restraint. High-contrast black and white creates visual impact without decoration. Let your images and words be the color.
Gallery Aesthetic
The Minimalist theme is designed around the concept of a gallery space. Your website becomes the white walls of a gallery, and your content — images, text, projects — becomes the work on display.
- Narrow container (1200px vs. typical 1400px) for intentional framing
- Generous whitespace so content can breathe
- No decoration — nothing competes with your content
- Square frames — zero border-radius on images
- Flat presentation — no shadows lifting elements
Use high-quality, high-contrast images. Black and white photography pairs naturally with the theme, but color images also work well — they become the focal point against the monochrome surroundings. Keep text concise: the generous line height (1.7) and spacious layout make every word count.
Page Templates
The Minimalist theme includes templates for every core page type and all supported add-ons. Each template follows the same flat, monochrome design language.
| Template | Source | Description |
|---|---|---|
| Page | Core | Standard content pages with clean typography and generous margins |
| Sectioned | Core | Multi-section pages built from the 42 available section types |
| Contact | Core | Contact form with flat input fields and square submit button |
| Portfolio | Core | Grid-based portfolio showcase with minimal hover states |
| Account | Core | User account management with clean form styling |
| Blog | Add-on | Blog listing and single post views with editorial spacing |
| Shop | Add-on | Product catalog, cart, and checkout with flat design |
| FAQ | Add-on | Expandable question-answer pairs with minimal toggle indicators |
| Team | Add-on | Team member grid with square photos and clean bios |
| Partners | Add-on | Partner/client logo showcase in grayscale |
| Pricing | Add-on | Pricing tables with flat, bordered cards and no shadows |
| Booking | Add-on | Appointment and booking interface with clean calendar UI |
| Careers | Add-on | Job listings with simple bordered cards |
| Events | Add-on | Event listings and detail pages with date-focused design |
| Forum | Add-on | Discussion forum with clean thread layout |
| Glossary | Add-on | Alphabetical glossary with bordered definition entries |
| Help Center | Add-on | Knowledge base with clean category and article views |
| Classified | Add-on | Classified ad listings with grid/list toggle |
| Licenses | Add-on | License management interface |
| Envato | Add-on | Envato product showcase integration |
| Quote Request | Add-on | Multi-step quote request form with flat progress indicator |
Header & Footer
Header
The header is intentionally reduced: a clean horizontal bar with your site name on the left and navigation on the right. No background color, no shadow — just a single bottom border line separating the header from content. The "Minimal" header style uses a compact layout with tight spacing and uppercase navigation links. On mobile, it transforms into a hamburger menu with off-canvas navigation.
Footer
The footer uses a 3-column layout (compared to 4 columns in other themes) for a less cluttered appearance. Each column holds a menu group configured in the admin panel. The footer bottom row shows copyright information and optional social links. The footer background is transparent, matching the page, separated only by a 1px top border.
Dark Mode
Dark mode is the natural complement to the Minimalist theme. Where the default is black text on white, dark mode simply inverts: white text on black. The same flat design principles apply: no shadows, no gradients, just a clean color inversion.
- Can be toggled from the theme settings in the admin panel
- Respects Bootstrap's
data-bs-theme="dark"attribute system - When set to "auto," the theme detects the visitor's OS preference via
prefers-color-scheme - Both modes are equally minimal: borders invert from light-gray-on-white to dark-gray-on-black
- Images and media remain unchanged
Responsive Design
The Minimalist theme is fully responsive with a mobile-first approach. On smaller screens, the layout adapts with a hamburger navigation menu and single-column content flow. The minimalist design actually works exceptionally well on mobile: less clutter means a better small-screen experience. The theme also supports right-to-left (RTL) languages through Bootstrap's built-in RTL support.
Add-on Support
The Minimalist theme includes templates for all Larapen add-ons, including Blog, Shop, FAQ, Team, Partners, Pricing, Portfolio, Booking, Careers, Events, Forum, Glossary, Help Center, Classified, Licenses, Envato, Newsletter, Quote Request, Account, and Contact.
When you activate an add-on, the Minimalist theme automatically picks up the corresponding templates. No additional configuration needed. If you later install a new add-on that the theme does not yet have templates for, it falls back to the add-on's default views, which still inherit the theme's master layout and base styles.