Services List
A 2x2 grid layout displaying services with icons, titles, descriptions, and bullet point items. Each service card features a circular icon, bold title, descriptive text, and a list of included items. Ideal for showcasing 4 core services with their key offerings in a clean, organized grid format.
A 2x2 grid layout with muted background cards featuring icons in bordered boxes. Each card includes a 'What's Included' section with a 2-column grid of items. Perfect for displaying comprehensive service offerings with detailed inclusions in a visually distinct format.
A responsive 1x4 grid layout with centered text and circular icons. Features hover effects on icons that invert colors. Each service displays an icon, title, description, and stacked items. Ideal for a compact, visually balanced presentation of services with interactive hover states.
A vertical list layout with services displayed as bordered cards. Each card features an icon, title, description, and pill-shaped tags for included items. Perfect for a scrollable, detailed view of services with tag-based categorization of offerings.
An accordion-based expandable services section with detailed information. Each accordion item shows icon, title, and short description when collapsed, expanding to reveal full description, included items, and deliverables. Ideal for detailed service presentations where users can explore specific offerings without overwhelming the initial view.
A 2x2 grid layout displaying services with duration and pricing information. Each card features an icon, title, description, timeline, price, included items, and a CTA button. Perfect for service-based businesses that want to showcase offerings with transparent pricing.
A 2x2 grid layout with featured service highlighting. Featured services display with a 'Popular' badge, primary-colored styling, and enhanced visual treatment. Each card includes check icons for deliverables and CTA buttons. Ideal for highlighting a recommended or most popular service option among multiple offerings.
An alternating image-and-card layout that spotlights service differentiators with icon headers and badge pills. Great for storytelling sections that need visual depth while highlighting key benefits.
An asymmetric layout with introductory text on the left and 2 featured service cards on the right. Each service card features a large image overlay with gradient, title, description, and CTA link. Perfect for showcasing 2-3 primary services with strong visual impact and clear calls to action.
An asymmetric layout with introductory text on the left and a 5-service grid on the right. Services display as image cards with gradient overlays, titles, and descriptions that appear on hover. The grid features varying card sizes for visual interest. Ideal for showcasing multiple services with strong imagery.
A featured services layout with a large hero card and smaller supporting cards in a grid. The hero card displays prominently with a badge, full description, and CTA button. Supporting cards show as compact image cards with hover effects. Perfect for highlighting a primary service while showcasing related offerings.
A 2-column layout with introductory content on the left and a 2x2 service grid on the right. The left column features a badge, title, description, and dual CTA buttons. The right column displays services as bordered cards with icons and hover effects. Ideal for presenting services alongside compelling marketing copy.
A masonry-style grid layout with variable card heights based on content. Featured services display with additional items and larger visual presence. Each card includes an icon, title, description, optional items list, and CTA link. Perfect for showcasing services with varying levels of detail in an organic, Pinterest-style layout.
An accordion layout with large titles and expandable service items featuring categories and badges. Each accordion item displays a category label, title, and expands to show full description, included items, and technology badges. Ideal for organizing services by category with detailed information revealed on demand.
A creative solutions layout with a sticky left sidebar and service list with progress indicators. The sidebar contains title, description, and CTA. Each service displays with an icon, title, description, and visual progress bar. Perfect for showcasing a process or methodology with clear status indicators for each phase.
A table-based services layout with cursor-following image preview on hover. Services display as rows with category, title, description, and an arrow indicator. On hover, a preview image appears near the cursor. Ideal for a clean, minimal presentation with interactive image previews that add visual interest without cluttering the layout.
A structured methodology layout displaying numbered service steps with options. Each step features a large number, title, description, and a list of included options/deliverables. Perfect for showcasing a process, workflow, or methodology with clear sequential steps.
A sticky left sidebar layout with image transitions and a scrollable service list on the right. As users scroll through services, the corresponding image appears in the sticky left panel. Each service includes title, description, items list, and CTA. Perfect for detailed service presentations with strong visual support that changes contextually.
A tabbed services layout with feature lists and images. Users can switch between service categories using tabs, with each tab displaying a description, feature list with check icons, and a corresponding image. Ideal for organizing multiple service categories in a compact, interactive format.
A services layout featuring video showcases for each service. Each service card includes an icon, title, description, video player with poster image, and CTA. Videos play on hover or click. Perfect for showcasing services with dynamic video content that demonstrates capabilities or processes.
A tabbed layout showcasing company culture aspects with testimonials. Each tab displays a culture aspect with description, image gallery, and employee testimonial. Includes a bottom CTA section for recruitment. Ideal for about/careers pages highlighting company values and culture through employee stories and visual content.
An accordion layout with expandable service items featuring detailed benefits lists. Each accordion item shows title and short description when collapsed, expanding to reveal full description, benefits list with bullet points, and a CTA link. Includes a bottom CTA for custom quotes. Ideal for freelancers or agencies showcasing detailed service offerings with clear value propositions.
A split layout with introductory content and image on the left, service checklist on the right. The left column features a badge, title, description, dual CTAs, and an optional image. The right column displays services as a checklist with check icons, titles, and descriptions. Perfect for presenting services alongside compelling marketing copy and visual content.
A clean, minimal 3-column grid layout for displaying services. Each service card features an icon, title, description, and optional CTA link. The design emphasizes simplicity and readability with subtle hover effects. Ideal for showcasing multiple services in a clean, scannable format.
A numbered steps layout displaying services as a sequential process. Each step features a large number, title, description, and optional items list. Connected by a vertical line to show progression. Perfect for showcasing a workflow, process, or methodology with clear sequential steps and deliverables.
A grid layout with interactive hover cards that reveal additional features. Each card displays an icon, title, and description, with features appearing on hover. Cards feature smooth transitions and visual feedback. Ideal for showcasing services with progressive disclosure of details through hover interactions.
A timeline-style layout displaying services as project phases. Each phase features an icon, title, description, duration badge, and deliverables list. Connected by a vertical timeline line with dot markers. Perfect for showcasing a project workflow or service delivery process with clear timelines and expected outcomes.
