Website-Vorlage
Universal
A port of the Universal theme
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Portfolio · Blog · Kostenlos
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- Overall
portfolio, clean and modern, low density, light
- Palette
background #00a8d7; surfaces #ffffff, #f5f5f5; text #111111; muted text #666666; primary #00a8d7; accents #e94c89, #2b3a5c, #fbb03b, #00a8d7
- Type
headings Roboto, 700, uppercase; body Roboto, 16px; scale h1 48px, h2 32px, h3 24px
- Shape & spacing
button/card radius 4px; borders none; shadows soft drop shadow on laptop; section spacing 80px; content width 1200px
- Sections (top to bottom)
- Hero — full-width layout, two columns, left side with headline "DESIGN" and descriptive text, right side with laptop mockup showing team profile cards, background semi-transparent teal overlay over collage of blurred images
- Features — three circular icons with labels, centered horizontally, white background
- Portfolio — grid layout with four project thumbnails, each with title and category label, white background
- Testimonials — horizontal scrollable row of quote cards with author avatars, light gray background
- Contact — form with input fields and submit button, centered, white background
- Signature details
- Semi-transparent teal overlay on hero background
- Laptop mockup displaying team profiles with circular avatars and social icons
- Clean Roboto typography with consistent uppercase headlines
- Minimalist card design with subtle hover effects
- Circular iconography for feature highlights
- Soft drop shadows on interactive elements
- Other pages
- /blog: blog listing with featured post and sidebar
- /about: team section with individual profiles and bios
- /contact: contact form with map and address details
Details zur Vorlage
- Kategorie
- Portfolio, Blog, Agency, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- devcows
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- company
- minimal
- portfolio
Originaldesign von devcows, gelistet auf Hugo Themes. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
Build a portfolio website inspired by the "Universal" template. Reference brief: A port of the Universal theme Style and features to reflect: blog, company, minimal, portfolio. Use original copy and imagery for my brand rather than the reference's placeholder content.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
