Website template
Design & Development Studio Template
A modern, clean template focused for design and development studios to showcase their services, projects, and pricing.
Portfolio · SaaS · Free
Design breakdown
An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.
- Overall
agency website, professional and minimalist mood, low density, light
- Palette
background #f8f9fa; surfaces #ffffff, #f0f2f5; text #1a1a1a; muted text #6b7280; primary #3b82f6; accents #1e40af, #06b6d4, #8b5cf6
- Type
headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px
- Shape & spacing
button radius 8px, card radius 12px, borders 1px solid #e5e7eb, shadows 0 1px 3px rgba(0,0,0,0.1), section spacing 80px, content width 1200px
- Sections (top to bottom)
- Hero — full-width banner with mountain image overlay, centered headline and subheadline, two CTA buttons, logo row below; background semi-transparent white overlay
- Client logos — horizontal grid of four brand logos with labels, centered under dotted line divider
- Process section — left-aligned heading and paragraph above a large illustration of design tools and interface mockups, with dark navigation bar at bottom showing "Geist", "Home", "Brand"
- Signature details
- Semi-transparent overlay on hero image for text legibility
- Dotted horizontal divider between sections
- Rounded corners on all interactive elements
- Minimalist iconography in client logos
- Floating dark navigation bar over illustration
- Subtle drop shadow on cards and buttons
- Other pages
- /work: gallery layout of project thumbnails
- /pricing: tiered pricing table with feature comparison
- /services: service cards with icons and brief descriptions
Template details
- Category
- Portfolio, SaaS, Agency
- License
- Commercial
- Author
- Aceternity UI
- Listed on
- Aceternity UI
- Price
- Free
Original design by Aceternity UI, listed on Aceternity UI. Ottermind does not copy the template's code; it builds a new site from the brief.
The brief Ottermind starts from
It opens in Studio as a draft — add your brand, audience and pages before you send.
Build a portfolio website inspired by the "Design & Development Studio Template" template. Reference brief: A modern, clean template focused for design and development studios to showcase their services, projects, and pricing. Use original copy and imagery for my brand rather than the reference's placeholder content.
How to use this template
- 1
Click “Use this template” to open it in Ottermind Studio with its brief filled in.
- 2
Add your brand, audience, pages and content to the brief.
- 3
Ottermind builds a new site inspired by this design — keep editing it in the chat.
