Website-Vorlage
congo
A powerful, lightweight theme for Hugo built with Tailwind CSS.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Portfolio · Blog · 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, clean, minimal, light
- Palette
background #ffffff; surfaces [#ede9fe, #ddd6fe, #7c3aed]; text #27272a; muted text #3f3f46; primary #7c3aed; accents []
- Type
headings ui-sans-serif, 800, sentence-case; body ui-sans-serif, 16px; scale h1 36px / h2 24px / h3 20px
- Shape & spacing
button/card radius 6px, no borders, soft shadows on cards, section spacing 4rem, content width 1024px
- Sections (top to bottom)
- Header — horizontal nav with logo, links, search, language toggle; white background
- Hero — centered headline with emoji, subheading, paragraph, and purple alert bar with CTA button; full-width illustration below
- Content block — two-column layout with sample pages list; left-aligned thumbnails, right-aligned text with metadata
- Recent/Content Samples — vertical list of articles with thumbnails, titles, dates, read times, and summaries; each item has a small upward arrow icon at the far right
- Footer — centered copyright and attribution text in small font
- Signature details
- Purple abstract tree illustration with fireworks above
- Consistent use of purple accent color (#7c3aed) for links, buttons, and highlights
- Minimalist card design with subtle drop shadows
- Small upward arrow icons next to article lists
- Clean typography with consistent spacing and alignment
- Use of emojis in headlines and content
- Other pages
- /congo/docs/: documentation page with large hero image of devices, followed by a list of sections with illustrative icons and brief descriptions
- /congo/samples/: identical layout to home but with extended list of content types including charts, diagrams, and external articles
Details zur Vorlage
- Kategorie
- Portfolio, Blog, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- James Panther
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
Originaldesign von James Panther, 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 "congo" template. Reference brief: A powerful, lightweight theme for Hugo built with Tailwind CSS. Style and features to reflect: blog, dark, dark-mode, light, minimal, 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.
