Plantilla web
Design & Development Studio Template
A modern, clean template focused for design and development studios to showcase their services, projects, and pricing.
La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Portfolio · SaaS · Gratis
Análisis del diseño
Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.
Este análisis aún no está disponible en español, así que se muestra en inglés.
- 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
Detalles de la plantilla
- Categoría
- Portfolio, SaaS, Agency
- Licencia
- Commercial
- Autor
- Aceternity UI
- Publicada en
- Aceternity UI
- Precio
- Gratis
Diseño original de Aceternity UI, publicado en Aceternity UI. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.
El briefing del que parte Ottermind
Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.
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.
Cómo usar esta plantilla
- 1
Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.
- 2
Añade al briefing tu marca, tu público, las páginas y el contenido.
- 3
Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.
