PHPackages automad/standard-v1 - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. automad/standard-v1 ActiveAutomad-package automad/standard-v1 =================== The official Automad Standard theme v1. 1.0.13(6mo ago)11.0k1MITLess Since Sep 24Pushed 6mo ago3 watchersCompare [ Source](https://github.com/automadcms/automad-standard-v1)[ Packagist](https://packagist.org/packages/automad/standard-v1)[ Fund](https://paypal.me/marcantondahmen)[ GitHub Sponsors](https://github.com/marcantondahmen)[ RSS](/packages/automad-standard-v1/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (2)Versions (15)Used By (0) Standard v1 =========== [](#standard-v1) A clean and elegant multi-purpose theme for [Automad](https://automad.org) that comes with a [light](https://github.com/automadcms/automad-standard-v1/tree/master/light#readme) and [dark](https://github.com/automadcms/automad-standard-v1/tree/master/dark#readme) flavor. It provides several options to display your content. Please read below more about the main concepts of this theme. [![](https://raw.githubusercontent.com/marcantondahmen/media-files/master/automad/themes/light.png)](https://raw.githubusercontent.com/marcantondahmen/media-files/master/automad/themes/light.png)[![](https://raw.githubusercontent.com/marcantondahmen/media-files/master/automad/themes/dark.png)](https://raw.githubusercontent.com/marcantondahmen/media-files/master/automad/themes/dark.png) - [Templates](#templates) - [Colors](#colors) - [Writing Content](#writing-content) - [Overriding Theme Styles](#overriding-theme-styles) - [Pagelist Configuration](#pagelist-configuration) - [Related Pages](#related-pages) - [Title, Navigation, Filtering and Sorting](#title-navigation-filtering-and-sorting) - [Transparent Navbars](#transparent-navbars) - [Logo and Brand](#logo-and-brand) - [Labels](#labels) - [Date Formats](#date-formats) - [Social Media Cards](#social-media-cards) - [Header and Footer Items](#header-and-footer-items) - [Slideshows](#slideshows) Templates --------- [](#templates) The following templates are included in this theme. NameDescriptionBlogA blog page grid template. Articles are displayed along with their teaser image, date, tags and the first paragraph.Blog ClassicA classic blog template. Articles are stacked vertically and displayed along with their teaser image, date, tags and the first paragraph.PortfolioA portfolio page grid template. Projects are displayed along with their teaser image, date and tags.PostA blog post template. Related pages are displayed below the main content.ProjectA project page template. Related pages are displayed below the main content.Sidebar LeftA multi-purpose template with a navigation sidebar on the left.Sidebar RightA multi-purpose template with a navigation sidebar on the right.Colors ------ [](#colors) While there is a light and a dark theme serving as presets, all the colors used in the templates are fully customizable. NameDescriptionColor Page TextA custom override text color for a pageColor Page BackgroundA custom override background color for a pageColor Page BorderA custom override border color for a pageColor Navbar TextA custom override text color for a navbarColor Navbar BackgroundA custom override background color for a navbarColor Navbar BorderA custom override border color for a navbarColor Card TextA custom override text color for cardsColor Card BackgroundA custom override background color for cardsColor Card BorderA custom override border color for cardsColor Code BackgroundA custom override background color for code blocksWriting Content --------------- [](#writing-content) There are two block areas — the teaser and the main area. NameDescription+HeroThe hero section. Note that you can stretch that area to the full width of a page.+MainThe main content block area.Overriding Theme Styles ----------------------- [](#overriding-theme-styles) Apart from colors, also other styles can be overriden using CSS custom properties. Those overrides can be easily defined by adding a `` tag to the `Items Header` variable of either a page or in the **Shared Data and Settings** section of the dashboard. The following example demonstrates how to change the font weight of the `h1` and `h2` headlines: ``` :root { --h1-font-weight: 500; --h2-font-weight: 480; } ``` It is also possible to change the font family for headings by embedding some Google fonts as well: ``` :root { --heading-font-family: 'Lobster', cursive; } ``` There are many other custom properties available. A full list can be found [here](https://github.com/automadcms/automad-standard-v1/blob/master/less/variables.less). Pagelist Configuration ---------------------- [](#pagelist-configuration) This theme offers multiple options and two templates — **Blog** and **Portfolio** — to create pagelists. The following options can be used to control the content of such a pagelist. Pagelist templates can also be used to create a search results page. NameDescriptionShow All Pages In PagelistIf checked, the pagelist includes all pages instead of just the direct children.Filter Pagelist By UrlFilters the pagelist by URLs matching a given regular expression like for example `(/portfolio | /blog)`.Notification No Search ResultsThe notification text for empty search results.Items Per PageThe maximum number of pages to be displayed in a pagelist at once. In case there are more pages to be shown, a pagination navigation will show up below automatically.Url Show Pages BelowShow only direct children of a custom local URL like `/custom/page`Url Search ResultsThe local URL of the pagelist page to be used as the search results page. Note that the search field in the menu is only enabled in case an URL is defined.Url Tag Link TargetThe target page to navigate to when clicking a tag. By default the parent page is used.Image TeaserThe filename or glob pattern for the image to be used as the teaser image in a pagelist.Hide ThumbnailsHide teaser images in page grid.Sort PagelistSorting of the pages in a portfolio or blog pagelist. Note that the sorting and filtering buttons should be hidden in case this variable is defined! The default is 'date desc'. You can choose any other page variable in combination with an order (asc or desc) like ':path asc'.Sort Related PagesSorting of the pagelist with related pages. The default is 'date desc'. You can choose any other page variable in combination with an order (asc or desc).Use Alternative Pagelist LayoutUse an alternative layout for blog, portfolio or related pages pagelists.### Related Pages [](#related-pages) Related pages are pages having one or more tags in common with the current page. By default they show up at the bottom below the page content. They can be disabled by checking the `Hide Related Pages` checkbox. Title, Navigation, Filtering and Sorting ---------------------------------------- [](#title-navigation-filtering-and-sorting) The following checkboxes can be used to control the visibility of pages and elements. NameDescriptionHide FiltersHide the filter and search reset buttons on a blog page.Hide Filters And SortHide filter, sort and search reset buttons on a portfolio page.Hide In MenuHide the page from the main menu.Hide Prev Next NavHide the previous and next arrow navigation around the title.Hide TitleHide the page title.Show In FooterAdd the page to the footer menu.Show In NavbarAdd the page to the navbar menu.Transparent Navbars ------------------- [](#transparent-navbars) By default the navbar inherits its background color from the page. In order to have a nice stretched teaser image that also serves as background for your navbar, you can toggle the `Make Transparent Navbar`checkbox to make the navbar fully transparent on load. Logo and Brand -------------- [](#logo-and-brand) To set the brand name, a navbar logo and favicons, use the following options. NameDescriptionBrandThe brand HTML, SVG or text to be used instead of a logo.Image LogoThe path to your logo - this variable should be defined globally in the shared data section.Logo HeightThe height of your logo - this variable should be defined globally in the shared data section.FaviconThe local path to the icon to be used as favicon.Image Apple Touch IconThe image to be used as the Apple touch icon.Icon PanelA little SVG icon representing a page in a pagelist card.Icon NavA little SVG icon representing a page in a menu.Labels ------ [](#labels) All labels, button text, placeholders and notification texts can be overriden or translated as needed. The following variables are therefore available. NameDescriptionLabel Clear SearchButton text for clearing search results.Label RealatedLabel for related pages section.Label Show AllLabel text for filter button when no filter is selected.Label Sort Date AscLabel text in dropdown for sorting pages by date ascending.Label Sort Date DescLabel text in dropdown for sorting pages by date descending.Label Sort Title AscLabel text in dropdown for sorting pages by title ascending.Label Sort Title DescLabel text in dropdown for sorting pages by title descending.Notification No Search ResultsNotification text for an empty list of search results.Placeholder SearchPlaceholder text for the search field of the main menu.Date Formats ------------ [](#date-formats) This theme uses two different date formats. One for blog posts and another one for project pages. It is possible to override those formats to change the way a date appears on a page. Both, [ICU](https://unicode-org.github.io/icu/userguide/format_parse/datetime/#datetime-format-syntax)and [date()](https://www.php.net/manual/en/function.date.php#refsect1-function.date-parameters) formats are supported. > Note that the locale option can be only used together with the **ICU syntax**. Therefore whenever you want your dates to be localized, you must use the **ICU syntax**. NameDescriptionFormat Date PostThe format for displaying the date of a post.Format Date ProjectThe format for displaying the date of a project page.LocaleThe locale information to format date and time according to like `en_EN` or `de_DE`Social Media Cards ------------------ [](#social-media-cards) This theme automatically generates preview cards when a page is linked in Twitter, Facebook or other social networks. The following options can be used to control the content of those cards. NameDescriptionMeta DescriptionAn optional meta description to be used for Twitter, Facebook or similar social network cards.Meta TitleAn optional meta title to be used for the browser title bar and links used on Twitter, Facebook or similar social networks.Og ImageA glob pattern to select a preview image for Twitter, Facebook or similar social network cards. This could be for example `*.png, *.jpg`.Header and Footer Items ----------------------- [](#header-and-footer-items) Sometimes it is required to add custom Javascript or CSS to one or more pages. This could be for example the case if you would want to add a Google Analytics tracking snippet to your site. Therefore this theme provides two variables for that purpose. The `Items Header` variable lets you add all kind of header items right before the closing `` tag. To add any HTML or JS right before the closing `` tag you can use the `Items Footer` variable. NameDescriptionItems HeaderItems to be inserted before the closing `` tag.Items FooterItems to be inserted before the closing `` tag.Slideshows ---------- [](#slideshows) As described before, it is either possible to used the block editor or the traditional Markdown editor to create content. Since the markdown editor is not able to create content like a slideshow, there are two separate variables available for project pages and posts to insert a slideshow right after the teaser when using Markdown. NameDescriptionImages SlideshowOne or more glob patterns to define the images showing up in the slideshow.Slideshow HeightThe relative height of the slideshow depending on the width. ### Health Score 39 — LowBetter than 86% of packages Maintenance67 Regular maintenance activity Popularity20 Limited adoption so far Community9 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~59 days Recently: every ~14 days Total 14 Last Release 194d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/7a3565413eb5da0526ac25a008fa743c1cd4f30ef1fd5eb17bcfee7e8c6ac5be?d=identicon)[marcantondahmen](/maintainers/marcantondahmen) --- Top Contributors [![marcantondahmen](https://avatars.githubusercontent.com/u/8440030?v=4)](https://github.com/marcantondahmen "marcantondahmen (24 commits)") --- Tags automadautomad-extensionautomad-themephpthemeblogportfoliomulti-purposeautomad ### Embed Badge ![Health badge](/badges/automad-standard-v1/health.svg) ``` [![Health](https://phpackages.com/badges/automad-standard-v1/health.svg)](https://phpackages.com/packages/automad-standard-v1) ``` ### Alternatives [dahmen/automad-terminal A minimal Automad blog theme for terminal lovers 532.2k](/packages/dahmen-automad-terminal) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)