HugoPress reference site

Component catalog

Component catalog

A live showcase of every section component in the theme — rendered with demo data, grouped by category.

Every section component in the theme, rendered with demo data. Drop any of these into a page as a partial or shortcode.

This page is a reference catalog — a tour of every building block that pages in HugoPress are composed from. Each block exists both as a partial (partials/components/<name>.html) and as a shortcode of the same name, so you can drop it straight into your content in the editor.

Colors, fonts, radii and shadows all come from the design tokens — toggle light/dark mode in the top right and everything adapts on its own.

# Heroes

hero-centered {{< hero-centered >}}— Centered hero with eyebrow, headline and two CTAs.

Marketplace-grade theme

Build a beautiful site in minutes, not months

A flexible, fast, fully responsive starting point with dark mode baked in. Compose pages from polished, brand-aware sections — no design debt.

Get started Live demo
hero-split {{< hero-split >}}— Two-column hero — copy left, image right.

Headless CMS, real Hugo speed

Content that ships itself

Author in a clean editor, publish to a blazing-fast static site over Git. Your team writes; HugoPress builds, previews and deploys — automatically.

Start free See how it works
Content that ships itself
hero-image {{< hero-image >}}— Full-bleed hero with a background image and a readable scrim.

Now booking 2026

Where ambitious teams launch

A confident, full-bleed statement for events, campaigns and product launches. Drop in your own hero shot and the copy stays legible, light or dark.

Reserve a spot View programme
hero-gradient {{< hero-gradient >}}— Bold hero on a brand gradient built from the palette.

One palette, every page

Make a bold first impression

A saturated, on-brand gradient that turns a single section into a statement. Perfect for launches, pricing toppers and campaign landing pages.

Get the theme Browse components

# Content & features

features-grid {{< features-grid >}}— Feature grid of icon + title + text cards.

Vše, co potřebujete k publikování

Od psaní obsahu po globální distribuci — jedna platforma, žádné kompromisy.

Pohodlný editor

Blokový WYSIWYG editor s náhledem, který nepřekáží.

Bleskově rychlé

Statický výstup z Hugo se načítá okamžitě a obstojí v každém auditu.

Vícejazyčnost

Spravujte české i anglické verze obsahu vedle sebe.

Bezpečné

Žádná databáze na produkci — menší plocha útoku, klidnější spánek.

Publikace přes Git

Každá změna je verzovaná a nasaditelná jediným kliknutím.

Vlastní vzhled

Barvy, písma i radiusy řídíte z administrace, bez rekompilace.

feature-steps {{< feature-steps >}}— Auto-numbered process / how-it-works list.

Jak to funguje

Tři kroky od prázdné stránky k publikovanému webu.

  1. Napište obsah

    Použijte blokový editor s živým náhledem a vícejazyčnými poli.

  2. Náhled a kontrola

    Zkontrolujte vygenerovaný Hugo výstup ještě před nasazením.

  3. Publikujte přes Git

    Jedním kliknutím odešlete změny do repozitáře a web je online.

stats {{< stats >}}— Stats band of big numbers with labels.
Dostupnost statického výstupu
99.9 %Dostupnost statického výstupu
Doba odezvy z CDN
< 50 msDoba odezvy z CDN
Jazykové mutace v základu
2Jazykové mutace v základu
Databází na produkci
0Databází na produkci
image-text {{< image-text >}}— Alternating two-column image + text row with bullets.
Pište jednou, publikujte všude
Pracovní postup

Pište jednou, publikujte všude

HugoPress odděluje tvorbu obsahu od jeho doručení. Editujete v pohodlném rozhraní, výstup vznikne jako rychlý statický web a nasadí se přes Git.

  • Blokový editor s živým náhledem
  • Verzování každé změny v Gitu
  • Náhled výstupu před nasazením
bento {{< bento >}}— Asymmetric bento grid of tiles with images.

Postavené pro reálný provoz

Vše, na čem záleží, na jediné platformě.

Globální distribuce

Statický web doručený z CDN po celém světě, blízko každému návštěvníkovi.

Bleskový výkon

Stránky bez serverového renderování — okamžité načtení.

Bezpečnost v základu

Žádná databáze na produkci znamená menší plochu útoku.

Přehledné metriky

Sledujte, jak si váš obsah vede, bez složitého nastavování.

timeline {{< timeline >}}— Vertical timeline with dates and milestones.

Naše cesta

Klíčové milníky, které utvářely platformu.

  1. První řádek kódu

    Vznikla myšlenka headless CMS, které publikuje čistý Hugo výstup.

  2. Vícejazyčnost

    Přidali jsme paralelní správu českých a anglických verzí obsahu.

  3. Publikace přes Git

    Každé nasazení je nyní verzované a vratné jediným kliknutím.

  4. Veřejné spuštění

    Platforma otevřena všem tvůrcům i agenturám.

logos {{< logos >}}— Logo cloud of partner / client marks.

Důvěřují nám týmy po celém světě

  • Acme
  • Globex
  • Initech
  • Umbrella
  • Hooli
  • Vehement
faq {{< faq >}}— FAQ accordion on native <details> — no JS.

Časté dotazy

Vše, co potřebujete vědět, než začnete. Nenašli jste odpověď? Napište nám.

Co je HugoPress?
HugoPress je headless CMS, který publikuje váš obsah do statického webu postaveného na Hugo přes Git. Píšete v pohodlném administračním rozhraní, výsledkem je bleskově rychlý web.
Potřebuji umět programovat?
Ne. Obsah spravujete vizuálně přes bloky a komponenty. O sestavení a nasazení webu se postará automatická publikace na pozadí.
Podporuje vícejazyčné weby?
Ano — obsah i rozhraní jsou plně vícejazyčné. Každý článek může mít svůj protějšek v jiném jazyce a návštěvník přepíná jazyk jedním kliknutím.
Kde je web hostovaný?
Vygenerovaný web je čisté statické HTML, takže ho nasadíte prakticky kamkoli — na vlastní server, CDN nebo libovolný statický hosting.
tabs {{< tabs >}}— CSS-only tabs — no JS.

Jak to funguje

HugoPress spojuje pohodlí moderního CMS s rychlostí statického webu. Obsah spravujete v administraci, výsledný web je čisté HTML.

  • Blokový editor s komponentami
  • Vícejazyčný obsah i rozhraní
  • Automatická publikace přes Git
  • Světlý i tmavý režim

Po uložení se obsah na pozadí přeloží do Hugo struktury, sestaví a nasadí. Žádné ruční nahrávání souborů.

# Social proof

testimonials {{< testimonials >}}— Quote cards with avatar, name and role.

Co o nás říkají

HugoPress nám zkrátil čas od nápadu k publikaci z dní na minuty. Redakce konečně pracuje samostatně a vývojáři mají klid.

Jana Horáková Jana HorákováŠéfredaktorka, Magazín Sever

Statický web, výkon na A+ a přitom plnohodnotné CMS. Migraci jsme zvládli za jediný sprint.

Petr Malý Petr MalýCTO, Bloque Studio

Dvojjazyčný obsah spravujeme bez pluginů a workaroundů. Překladatelé milují přehledný admin.

Klára Svobodová Klára SvobodováContent Lead, Nordia
team {{< team >}}— People grid with avatar, name, role and bio.

Náš tým

  • Tomáš Horák

    Zakladatel & CEO

    Vede produkt a stará se o to, aby publikování bylo radost. Patnáct let u webu a Hugo od verze 0.20.

  • Lucie Dvořáková

    Vedoucí designu

    Navrhuje rozhraní, která dávají smysl. Věří, že dobrý design je ten, kterého si nevšimnete.

  • Martin Novák

    Hlavní vývojář

    Píše čistý Go a stará se o publikační pipeline. Otevřený software je jeho parketa.

  • Eva Veselá

    Zákaznická podpora

    První kontakt pro klienty. Trpělivě provede každého od instalace po první článek.

# Pricing & comparison

pricing {{< pricing >}}— Pricing tiers with a highlighted featured plan.

Starter

0/ měsíc

Bez platební karty

  • 1 web
  • Statický hosting
  • Komunitní podpora
  • Vlastní doména
Začít zdarma
Nejoblíbenější

Pro

490 Kč/ měsíc

14 dní zdarma

  • Až 10 webů
  • Globální CDN
  • Náhledy návrhů
  • Prioritní podpora
  • Náhledové URL
Vyzkoušet Pro

Enterprise

Na míru

Roční fakturace

  • Neomezené weby
  • SSO & SLA
  • Vyhrazená infrastruktura
  • Onboarding na míru
  • Smluvní podpora
Kontaktujte nás
comparison-table {{< comparison-table >}}— Feature comparison matrix across plans.
Srovnání plánů
FunkceStarter ProEnterprise
Počet webů110Neomezeně
Globální CDN Ne Ano Ano
Náhledy návrhů Ne Ano Ano
Vlastní doména Ano Ano Ano
SSO & SLA Ne Ne Ano
PodporaKomunitníPrioritníVyhrazená
Onboarding na míru Ne Ne Ano

# Blog & editorial

article-card {{< article-card >}}— Article card with image, tags, date and summary.
article-list {{< article-list >}}— Responsive grid of article cards.
author-box {{< author-box >}}— Author byline card for the end of an article.
Tomáš Skočdopole

By

Tomáš Skočdopole

Senior engineer at INTEVIA. Builds headless publishing pipelines and writes about turning content into fast, durable static sites.

tag-list {{< tag-list >}}— A row of tags as pill links.
breadcrumbs {{< breadcrumbs >}}— Breadcrumb trail with JSON-LD for SEO.
pagination {{< pagination >}}— Numbered page navigation.

# Event

speakers {{< speakers >}}— Speaker grid with talk topic.

Řečníci

  • Klára Svobodová

    Principal Engineer, Nordia

    Statické weby ve velkém měřítku: lekce z 200 redakcí

  • Radek Kučera

    Open-source maintainer

    Headless CMS bez bolesti: Git jako jediný zdroj pravdy

  • Barbora Pokorná

    Head of Content, Magazín Sever

    Vícejazyčný obsah, který se sám neztratí

  • Petr Malý

    CTO, Bloque Studio

    Performance budgety a Core Web Vitals v praxi

agenda {{< agenda >}}— Event schedule / timetable.

Agenda

  1. Doors open & welcome coffee

    Organisers

    General

  2. Keynote: Publishing at the speed of Git

    Tomáš Skočdopole

    Keynote

  3. Workshop: Building blocks with HugoPress

    Jana Nováková

    Workshop

  4. Lunch & networking

    Break

  5. Scaling static sites in production

    Petr Dvořák

    Talk

  6. Panel: The future of headless CMS

    All speakers

    Panel
countdown {{< countdown >}}— Live countdown to an event date (inline JS).

Countdown to the event

--
Days
--
Hours
--
Minutes
--
Seconds
venue-map {{< venue-map >}}— Venue with an OpenStreetMap (Leaflet) map.

Venue

registration {{< registration >}}— Event registration form.

Register now

Secure your seat — limited capacity.

We'll only email you about this event. No spam, ever.

# Conversion & navigation

newsletter {{< newsletter >}}— Newsletter signup in an accent band.

Subscribe to updates

Get new articles on headless publishing, Hugo and static delivery — straight to your inbox. No spam, unsubscribe anytime.

Subscribe to updates

We respect your inbox. Unsubscribe in one click.

cta-split {{< cta-split >}}— Two-column call to action with heading and buttons.

Ready to ship your site?

Author in HugoPress, publish to Hugo through Git. Go live in minutes, not weeks.

Get started
banner {{< banner >}}— Slim, dismissible announcement bar.