Modèle de site web
Design & Development Studio Template
A modern, clean template focused for design and development studios to showcase their services, projects, and pricing.
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Portfolio · SaaS · Gratuit
Analyse du design
Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.
Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.
- 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
Détails du modèle
- Catégorie
- Portfolio, SaaS, Agency
- Licence
- Commercial
- Auteur
- Aceternity UI
- Publié sur
- Aceternity UI
- Prix
- Gratuit
Design original de Aceternity UI, publié sur Aceternity UI. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.
Le brief dont part Ottermind
Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.
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.
Comment utiliser ce modèle
- 1
Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.
- 2
Ajoutez au brief votre marque, votre public, vos pages et votre contenu.
- 3
Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.
