Preview image. Unlock full-res
Split-layout dark interface showcasing two service categories (Digital Products, Creative Technologies) with skill badges, descriptions, and service-specific CTAs.
Summary
A dark-background services portfolio layout for an agency (Reboot, Digital Studio by Setters), displaying two service categories with skill labels, descriptions, and project pricing.
Visual description
Stark black background with white and light-gray text. The layout is split horizontally into two equal sections, each introducing a service category. Top section: "Digital Products" heading in large white sans-serif, followed by multiple dark pill-shaped badges with white text (Services, E-commerce, Corporate Websites, HR Platforms, Landing Pages, Web 3.0). Below, a short justified description in light gray, alongside a right-aligned project detail showing "Sprint from $3000" and a secondary button "Start the Project". Bottom section mirrors the structure with "Creative Technologies" as the heading, its own skill badges (Games, Chatbots, Web Apps, Promo Websites, AI, Gamification), and project detail "from $4000". A subtle toggle and navigation controls (+ and -) frame the edges. Overall aesthetic is refined, contemporary, and information-dense without appearing cluttered.
Key takeaway
Pill badges categorize related skills compactly, making service scope scannable without prose lists. The split layout with consistent labeling (heading, badges, description, pricing) makes service comparison effortless. High contrast between dark background and white text ensures readability at any size; the system scales from hero section to summary card.
Reuse notes
Well-suited for creative/dev agency sites, consulting portfolios, or platforms offering modular service tiers. The dark treatment conveys sophistication and technical depth; works especially well for B2B and high-ticket professional services. The pill-badge pattern is reusable for skills, tech stacks, or feature lists on other pages.
