Perfect for landing pages that need a strong, symmetrical first impression.
Uncategorized
Hero — Left Aligned
Classic left-aligned layout for content-heavy hero sections
Great for professional and corporate sites where readability is key.
Hero — With Image
Split layout with text on one side and image on the other
Ideal for showcasing products, team photos, or project visuals alongside copy.
Hero — Carousel
Auto-scrolling image track behind centered content
Perfect for agencies showcasing multiple project screenshots or client work.
Hero — Video Play
Image with a play button overlay that opens a video modal
Engage visitors with video content while keeping load times fast.
Text + Image — Image Right
Two-column layout with content on the left and a supporting image on the right. The natural reading direction guides the eye from text to visual.
Text + Image — Image Left
Reversed layout with the image on the left and content on the right. Alternate with the image-right variant to create visual rhythm on longer pages.
Features — 3 Columns
Icon cards in a three-column grid layout
Fast Performance
Optimized for speed with lazy loading and minimal JavaScript overhead.
Responsive Design
Looks great on every device from mobile phones to ultra-wide monitors.
Easy Customization
Design tokens and Tailwind CSS make branding changes effortless.
SEO Friendly
Semantic HTML, proper heading structure and fast load times.
Accessible
Built with WCAG guidelines in mind for inclusive web experiences.
Modular Architecture
Pick only the components you need. No bloat, no unused code.
Features — 4 Columns
Compact icon cards in a four-column grid
Fast Performance
Optimized for speed with lazy loading and minimal JavaScript overhead.
Responsive Design
Looks great on every device from mobile phones to ultra-wide monitors.
Easy Customization
Design tokens and Tailwind CSS make branding changes effortless.
SEO Friendly
Semantic HTML, proper heading structure and fast load times.
Features — List
Vertical list layout with icon and description
Fast Performance
Optimized for speed with lazy loading and minimal JavaScript overhead.
Responsive Design
Looks great on every device from mobile phones to ultra-wide monitors.
Easy Customization
Design tokens and Tailwind CSS make branding changes effortless.
SEO Friendly
Semantic HTML, proper heading structure and fast load times.
Features — Split
Description on the left, icon blocks on the right
This variant splits the section into two columns. The left side stays sticky while scrolling through the feature blocks on the right. Perfect for detailed feature explanations.
Fast Performance
Optimized for speed with lazy loading and minimal JavaScript overhead.
Responsive Design
Looks great on every device from mobile phones to ultra-wide monitors.
Easy Customization
Design tokens and Tailwind CSS make branding changes effortless.
SEO Friendly
Semantic HTML, proper heading structure and fast load times.
Accessible
Built with WCAG guidelines in mind for inclusive web experiences.
Features — Large Description + Icon Grid
Centered description header with a two-column icon grid below
This layout starts with a prominent centered description block, followed by a clean two-column grid of icon blocks. Great for highlighting a set of capabilities after an explanatory intro.
Fast Performance
Optimized for speed with lazy loading and minimal JavaScript overhead.
Responsive Design
Looks great on every device from mobile phones to ultra-wide monitors.
Easy Customization
Design tokens and Tailwind CSS make branding changes effortless.
SEO Friendly
Semantic HTML, proper heading structure and fast load times.
Text Block — Normal Width
This is a full-width text block for general content. It spans the entire content area and is ideal for longer form text, documentation, or rich media content that benefits from the extra horizontal space.
Supports full WYSIWYG formatting including bold, italic, lists, headings, and embedded media.
Text Block — Narrow (Reading Width)
This narrow text block is optimized for comfortable reading. The reduced width keeps line lengths within the ideal 60–75 character range, improving readability for longer content sections.
Use this for blog-style content, mission statements, or any text-heavy section where reading comfort matters.
CTA — Highlighted
An eye-catching call to action with your primary brand color as the background.
Stats — Inline
Numbers displayed in a horizontal row
150+
Projects Delivered
99.9%
Uptime
50+
Happy Clients
<1s
Load Time
Stats — Cards
Each statistic in its own card with subtle borders
150+
Projects Delivered
Across 12 industries
99.9%
Uptime
Reliable hosting guaranteed
50+
Happy Clients
And counting every month
<1s
Load Time
Average across all sites
Stats — Icon Cards
Statistics with icons for visual emphasis
150+
Projects Delivered
Across 12 industries
99.9%
Uptime
Reliable hosting guaranteed
50+
Happy Clients
And counting every month
<1s
Load Time
Average across all sites
Cards Grid — 2 Columns
Cards displayed in a two-column layout
Popular
Cards Grid — 3 Columns
Cards displayed in a three-column layout
Popular
Cards Grid — 4 Columns
Compact cards in a four-column layout
Popular
New
Testimonials — Grid
Customer quotes in a multi-column grid
The clesk theme cut our development time in half. The component system is incredibly well thought out.
Sarah Chen
Lead Developer, TechCorp
Finally a WordPress theme that doesn't feel like a compromise. Professional, fast, and easy to customize.
Marcus Weber
Creative Director, DesignStudio
Our clients love the results. The Kitchen Sink approach means we can show them every option upfront.
Elena Rodriguez
Project Manager, WebAgency
Testimonials — Single Quote
One prominent testimonial displayed large
“The clesk theme cut our development time in half. The component system is incredibly well thought out.”
Sarah Chen
Lead Developer, TechCorp
Testimonials — Cards
Testimonials in distinct card containers
★
★
★
★
★
The clesk theme cut our development time in half. The component system is incredibly well thought out.
Sarah Chen
Lead Developer, TechCorp
★
★
★
★
★
Finally a WordPress theme that doesn't feel like a compromise. Professional, fast, and easy to customize.
Marcus Weber
Creative Director, DesignStudio
★
★
★
★
★
Our clients love the results. The Kitchen Sink approach means we can show them every option upfront.
Elena Rodriguez
Project Manager, WebAgency
Logo Cloud — Row
Client logos in a single horizontal row
Logo Cloud — Grid
Logos arranged in a responsive grid
Logo Cloud — Marquee
Auto-scrolling logo ticker
Steps — Numbered
Process steps with sequential numbers
1
Discovery
We start by understanding your business goals, target audience, and project requirements.
2
Design
Our design team creates wireframes and mockups that align with your brand identity.
3
Development
We build your project using modern technologies and best practices.
4
Launch
After thorough testing, we deploy your project and provide ongoing support.
Steps — Icon
Process steps with custom icons
Discovery
We start by understanding your business goals, target audience, and project requirements.
Design
Our design team creates wireframes and mockups that align with your brand identity.
Development
We build your project using modern technologies and best practices.
Launch
After thorough testing, we deploy your project and provide ongoing support.
Steps — Connector
Steps connected with visual lines
1
Discovery
We start by understanding your business goals, target audience, and project requirements.
2
Design
Our design team creates wireframes and mockups that align with your brand identity.
3
Development
We build your project using modern technologies and best practices.
4
Launch
After thorough testing, we deploy your project and provide ongoing support.
Timeline — Vertical
Events arranged along a vertical line
January 2024
Company Founded
Started with a vision to make professional web development accessible.
March 2024
First Major Client
Landed our first enterprise client and delivered a complete rebrand.
July 2024
Team Expansion
Grew from 3 to 10 team members across design and development.
December 2024
100th Project
Celebrated our 100th completed project milestone.
June 2025
Clesk Theme v1.0
Released our flagship WordPress theme framework.
Timeline — Alternating
Events alternating left and right
January 2024
Company Founded
Started with a vision to make professional web development accessible.
March 2024
First Major Client
Landed our first enterprise client and delivered a complete rebrand.
July 2024
Team Expansion
Grew from 3 to 10 team members across design and development.
December 2024
100th Project
Celebrated our 100th completed project milestone.
June 2025
Clesk Theme v1.0
Released our flagship WordPress theme framework.
January 2024
Company Founded
Started with a vision to make professional web development accessible.
March 2024
First Major Client
Landed our first enterprise client and delivered a complete rebrand.
July 2024
Team Expansion
Grew from 3 to 10 team members across design and development.
December 2024
100th Project
Celebrated our 100th completed project milestone.
June 2025
Clesk Theme v1.0
Released our flagship WordPress theme framework.
Timeline — Horizontal
Horizontal scrolling timeline
Company Founded
Started with a vision to make professional web development accessible.
First Major Client
Landed our first enterprise client and delivered a complete rebrand.
Team Expansion
Grew from 3 to 10 team members across design and development.
100th Project
Celebrated our 100th completed project milestone.
Clesk Theme v1.0
Released our flagship WordPress theme framework.
Team — Grid
Team members in a card grid with photos
Anna Schmidt
CEO & Founder
Tom Berger
Lead Developer
Lisa Park
Design Director
Max Klein
Project Manager
Team — Cards
Team member cards with hover effects
Anna Schmidt
CEO & Founder
With 15 years in digital, Anna leads the team with vision and expertise.
Tom Berger
Lead Developer
Full-stack wizard who turns complex problems into elegant solutions.
Lisa Park
Design Director
Award-winning designer with a passion for clean, functional interfaces.
Max Klein
Project Manager
Keeps projects on track, on budget, and clients smiling.
Team — List
Compact list layout for larger teams
Anna Schmidt
CEO & Founder
With 15 years in digital, Anna leads the team with vision and expertise.
Tom Berger
Lead Developer
Full-stack wizard who turns complex problems into elegant solutions.
Lisa Park
Design Director
Award-winning designer with a passion for clean, functional interfaces.
Max Klein
Project Manager
Keeps projects on track, on budget, and clients smiling.
FAQ — Simple
Clean accordion without borders
Upload the theme ZIP via Appearance → Themes → Add New → Upload Theme. Then activate the child theme.
FAQ — Bordered
Accordion items with visible borders
Upload the theme ZIP via Appearance → Themes → Add New → Upload Theme. Then activate the child theme.
FAQ — Two Columns
Questions split across two columns
Upload the theme ZIP via Appearance → Themes → Add New → Upload Theme. Then activate the child theme.
Frequently Asked Questions
With Image variant — image left, accordion right
The parent theme contains all 22 components, base styling, and SCF field definitions. Your child theme only overrides CSS Custom Properties and optionally copies component templates for deeper customization. The parent stays untouched.
Video — Simple
Clean embedded video player
Video — Overlay
Video with thumbnail and play button overlay
Gallery — Grid
Uniform image grid layout
Office Space
Team Workshop
Client Meeting
Product Launch
Award Ceremony
Design Sprint
Gallery — Masonry
Pinterest-style varied height layout
Office Space
Team Workshop
Client Meeting
Product Launch
Award Ceremony
Design Sprint
Gallery — Slider
Horizontal image slider with navigation
Office Space
Team Workshop
Client Meeting
Product Launch
Award Ceremony
Design Sprint
Pricing — 2 Columns
Simple two-plan comparison
Starter
€
29
/ /month
Perfect for small projects
- 5 Pages
- 1 Contact Form
- Basic SEO
- Email Support
- 1 Revision
Popular
Professional
€
79
/ /month
Most popular for businesses
- 15 Pages
- 3 Contact Forms
- Advanced SEO
- Priority Support
- 5 Revisions
- Analytics Dashboard
Pricing — 3 Columns
Three-tier pricing with highlighted plan
Starter
€
29
/ /month
Perfect for small projects
- 5 Pages
- 1 Contact Form
- Basic SEO
- Email Support
- 1 Revision
Popular
Professional
€
79
/ /month
Most popular for businesses
- 15 Pages
- 3 Contact Forms
- Advanced SEO
- Priority Support
- 5 Revisions
- Analytics Dashboard
Enterprise
€
199
/ /month
For large organizations
- Unlimited Pages
- Unlimited Forms
- Full SEO Suite
- 24/7 Support
- Unlimited Revisions
- Custom Integrations
- Dedicated Manager
Pricing — Comparison
Feature comparison table across plans
Starter
€
29
/ /month
Perfect for small projects
- 5 Pages
- 1 Contact Form
- Basic SEO
- Email Support
- 1 Revision
Popular
Professional
€
79
/ /month
Most popular for businesses
- 15 Pages
- 3 Contact Forms
- Advanced SEO
- Priority Support
- 5 Revisions
- Analytics Dashboard
Enterprise
€
199
/ /month
For large organizations
- Unlimited Pages
- Unlimited Forms
- Full SEO Suite
- 24/7 Support
- Unlimited Revisions
- Custom Integrations
- Dedicated Manager
| Features | Starter | Professional | Enterprise |
|---|---|---|---|
| 5 Pages | — | — | |
| 1 Contact Form | — | — | |
| Basic SEO | — | — | |
| Email Support | — | — | |
| 1 Revision | — | — | |
| 15 Pages | — | — | |
| 3 Contact Forms | — | — | |
| Advanced SEO | — | — | |
| Priority Support | — | — | |
| 5 Revisions | — | — | |
| Analytics Dashboard | — | — | |
| Unlimited Pages | — | — | |
| Unlimited Forms | — | — | |
| Full SEO Suite | — | — | |
| 24/7 Support | — | — | |
| Unlimited Revisions | — | — | |
| Custom Integrations | — | — | |
| Dedicated Manager | — | — |
Contact Form — Simple
A clean, centered contact form
Contact Form — Split
We would love to hear from you. Fill out the form and we will get back to you within 24 hours.
Contact Form — With Info
Contact form with business information sidebar
Telefon
+49 123 456 7890
Adresse
Musterstraße 42
12345 Berlin
Germany
Öffnungszeiten
Mon–Fri: 9:00–18:00
Map — Google Maps
Map — OpenStreetMap
Spacer / Divider Variants
The spacer/divider component is demonstrated throughout this page between sections. It supports three styles: Empty Space (pure vertical spacing), Line (with narrow/medium/full width options), and Wave (with primary/surface/dark color options).
Tabs Section — Horizontal
Switch between content panels with tab navigation
We combine strategy, design, and technology to create digital experiences that drive measurable results. Our team works closely with you to understand your goals and deliver solutions that exceed expectations.
Web Design
Custom websites that reflect your brand identity and convert visitors into customers.
Development
Clean, performant code built on modern frameworks with a focus on speed and security.
Digital Strategy
Data-driven strategies that align your digital presence with your business objectives.
From initial consultation to final launch, we follow a proven process that keeps your project on track. Regular check-ins and transparent communication ensure alignment at every stage.