Website-Vorlage
Terminal
A simple, retro theme for Hugo.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · Portfolio · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
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
blog, retro terminal, low density, dark
- Palette
background #1a170f; surfaces [#eec35e]; text #eceae5; muted text #1a170f; primary #eec35e; accents []
- Type
headings Fira Code, 700, sentence-case; body Fira Code, 16px; scale h1 23px / h2 22px / h3 16px
- Shape & spacing
no radius, thin gold borders (1px), no shadows, section spacing 40px, content width 800px
- Sections (top to bottom)
- Header — horizontal layout, logo "Terminal" in yellow box with vertical bars, language dropdown, navigation links (About, Showcase, Show more) in gold text, all on dark background
- Hero — centered block with gold border, headline "Hello there!" in bold, paragraph text, embedded grid of color scheme previews (9 tiles, each with label and three color swatches), all within gold-bordered container
- Featured post — title "Hello Friend" in gold, date and author below, image of figurine in gold-bordered frame, caption text beneath
- Post list — vertical stack of entries, each with title in gold, date/author line, excerpt, [Read more] link, separated by thin gold dotted lines
- Footer — centered text with copyright, Hugo credit, theme attribution, all in light gray
- Signature details
- Gold vertical bar pattern in header and section dividers
- Gold-dotted underlines for section titles
- Monospaced Fira Code typography throughout
- Gold borders around images and containers
- Terminal-style UI aesthetic with minimal padding and structured layout
- Color scheme preview grid with consistent labeling and spacing
- Other pages
- /about: full-width content with heading, date, author, paragraph text, bulleted list with inline links, footer
- /posts/showcase: article with headings, paragraphs, image grid (3x3), captioned figure, code syntax examples, footer
Details zur Vorlage
- Kategorie
- Landing Page, Portfolio, Blog, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- panr
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- dark
- landing
- minimal
- multilingual
- personal
Originaldesign von panr, 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 landing page website inspired by the "Terminal" template. Reference brief: A simple, retro theme for Hugo. Style and features to reflect: blog, dark, landing, minimal, multilingual, personal. 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.
