HTMLBlog

masthead — HTML Blog Template

By borozdov-obsidian-themes

Borozdov Masthead is an Obsidian theme in the Borozdov series, offering light Bristol and dark Espresso color schemes, characterized by a coffee-colored tab bar, serif headings, square white cards and orange strokes.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-06View source

What stands out

A quick read of the recorded project description.

01

Light Bristol and dark Espresso appearances, switching with Obsidian's base color scheme

02

A dark coffee bar at the top of each tab bar, with the current tab cut out in the page background color

03

Headings, the three largest heading levels, callout titles and blockquotes use the Masthead Serif typeface without bold

04

Orange is used only for strokes (notes, quote lines, open file edges), links are burnt orange, and primary buttons and checked tasks use ink fill

05

Square white cards with very thin borders, 2px border radius on clickable elements, no shadows on the page

06

Styles do not use !important and can be overridden with CSS snippets

Template Details

This is a note theme for Obsidian, part of the Borozdov theme collection. It offers two appearances: the light Bristol presents magazine-style typography on a warm cream background, while the dark Espresso is the same layout for low-light conditions. The core visuals include: a dark coffee bar at the top of each tab bar, with the current note's tab cut out from the bar in the page background color; headings, the three largest heading levels, callout titles and blockquotes use the Masthead Serif typeface without bold, while all other text uses the system sans-serif; highlight orange is used only for strokes, such as regular notes, quote lines and the edge of the currently open file, links use a deeper burnt orange, and primary buttons and checked tasks use ink fill; cards are square white with very thin borders, clickable elements have a 2px border radius, and the page uses no shadows.

Functionally, the theme follows Settings → Appearance → Base color scheme to switch between light and dark modes, callouts appear as square cards stroked in type-specific colors with serif titles, blockquotes are enlarged one step in serif with an orange vertical line, and tags are square white labels that gain an orange stroke on hover. When editing, there are no focus rings around the note, headings or form fields, and property names are displayed as labels rather than boxed fields. Text colors meet WCAG contrast requirements in both appearances, the mobile layout keeps the same colors and shapes, and the styles do not use !important, so they can be overridden with CSS snippets.

There are two installation methods. As a variant: the theme is included in Borozdov Ember; first install Borozdov Ember, then install the Style Settings plugin, then choose Masthead in Style Settings → Borozdov Ember → Variant; the variant only brings this theme's colors, fonts and border radii, while its own layout and embedded fonts come with the full theme. The full theme requires manual installation: download manifest.json and theme.css from the latest release into <vault>/.obsidian/themes/Borozdov Masthead/, then select it in Settings → Appearance → Themes.

Regarding fonts, Masthead Serif is embedded in theme.css as base64 WOFF2 under the SIL Open Font License 1.1; it is a Latin and Cyrillic subset of Heuristica (© 2008–2012 Andrey V. Panov, based on Adobe's Utopia), renamed because modified versions may not use the original reserved font name; it has only one weight and is used for headings, the three largest heading levels, callout titles and blockquotes. The code is MIT licensed and may be used, modified, commercially used and distributed free of charge, provided the copyright notice and the full MIT license notice are retained when distributing; third-party assets such as demo images, fonts and icons must be checked separately under their respective licenses.

HTMLBlog

Is it right for your project?

Use Cases

  • Writing long-form notes in Obsidian and wanting headings and blockquotes to have a magazine-style serif typography
  • Needing to switch between light and dark environments while keeping a consistent color and shape language
  • Organizing note content with callouts, blockquotes and tags, and wanting these elements to have clear visual styles
  • Further adjusting theme details through CSS snippets

Suitable For

  • Users who use Obsidian and want to change the theme's appearance
  • Writers who prefer magazine-style typography and warm-toned color schemes
  • Note users who need both light and dark appearances and consistency on mobile
  • Users willing to install the theme via the Style Settings plugin or manually

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install as a variant: first install the Borozdov Ember theme, then install the Style Settings plugin, then choose Masthead in Style Settings → Borozdov Ember → Variant

  2. 2

    Manual installation of the full theme: download manifest.json and theme.css from the latest release into <vault>/.obsidian/themes/Borozdov Masthead/, then select it in Settings → Appearance → Themes

  3. 3

    Masthead Serif is embedded in theme.css as base64 WOFF2 under SIL OFL 1.1; it is a Latin and Cyrillic subset of Heuristica with only one weight

  4. 4

    The code is MIT licensed; when distributing, retain the copyright notice and the full MIT license notice; third-party assets such as demo images, fonts and icons must be checked under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, commercially used and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments or AI may incur separate charges.
  • When installed through the community directory, this theme is not a standalone theme but is provided as a variant of the Borozdov Ember theme; to enable it, first install the Borozdov Ember theme, then install the Style Settings plugin, then choose Masthead in Style Settings → Borozdov Ember → Variant.
  • Installing as a variant only provides this theme's colors, fonts and border radii; its own layout and embedded fonts (if any) are provided only in the full theme described below, and the variant does not include these.
  • The full theme requires manual installation: download manifest.json and theme.css from the latest release into <vault>/.obsidian/themes/Borozdov Masthead/, then select Borozdov Masthead in Settings → Appearance → Themes.
  • The Masthead Serif font embedded in the theme is included in theme.css as base64 WOFF2 under the SIL Open Font License 1.1; use of this font must comply with the license terms in fonts/OFL.txt, which differ from the code's MIT license.
  • The embedded font is a Latin and Cyrillic subset of Heuristica, renamed because modified versions may not use the original reserved font name; use or redistribution of this font must comply with the SIL OFL 1.1 conditions, including the reserved font name.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

this theme ships inside **Borozdov Ember**. Install Borozdov Ember under Settings → Appearance → Themes → Manage, then the [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin, and choose **Masthead** under Style Settings → Borozdov Ember → Variant.

Original README

The variant brings this theme's palette, type and corners; its own layout, and its embedded font if it has one, come with the full theme below.

Original README

**The full theme, by hand:** download `manifest.json` and `theme.css` from the [latest release](https://github.com/borozdov-obsidian-themes/masthead/releases/latest) into `<vault>/.obsidian/themes/Borozdov Masthead/`, then choose Borozdov Masthead under Settings → Appearance → Themes.

Original README

Masthead Serif is embedded in `theme.css` as base64 WOFF2 under the SIL Open Font License 1.1 — see [`fonts/OFL.txt`](fonts/OFL.txt).

Original README

It is a Latin and Cyrillic subset of Heuristica (© 2008–2012 Andrey V. Panov, based on Adobe's Utopia), renamed because a modified copy may not use the original's Reserved Font Name.

Original README
https://github.com/borozdov-obsidian-themes/masthead/blob/main/LICENSEhttps://github.com/borozdov-obsidian-themes/masthead/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-06. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
HTML
Website type
Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-06
Screenshot last checked
2026-10-06

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-07

Inspect the recorded source material

SHA-256: e2e02c4e660059713b8d97238737948c0f045d8deae87fd5f5c9dd8809148626

2026-10-06T16:22:43.075Z

Source file / repository
# Borozdov Masthead

A theme from the Borozdov collection. Two faces — light **Bristol**, a premium magazine
spread on warm cream, and dark **Espresso**, the same spread after the lights go down. A
sharp serif display, an espresso masthead over the tabs, square white cards and orange
strokes only.

![Borozdov Masthead in light mode](https://raw.githubusercontent.com/borozdov-obsidian-themes/masthead/main/screenshots/light.png)

![Borozdov Masthead in dark mode](https://raw.githubusercontent.com/borozdov-obsidian-themes/masthead/main/screenshots/dark.png)

## Principles

- **An espresso masthead.** Every tab strip is a dark espresso bar; the active tab of a note
  is cut out of it in the colour of the page.
- **A sharp serif at display sizes.** Masthead Serif, never bold, for the title, the three
  largest headings, callout titles and pull quotes; the platform's grotesque for everything
  else.
- **Orange outlines, never fills.** Highlighter orange draws the plain note, quote rules and
  the edge of the open file; links are a deeper burnt orange; ink fills the main button and
  a checked task.
- **Square and flat.** Square white cards with hairline edges, 2px corners on what you
  press, no shadows on the page.

## Features

- Light and dark modes, following Settings → Appearance → Base color scheme
- A dark masthead over every tab strip, with the active tab cut out in the page colour
- Callouts as square cards outlined in the type's colour, with a serif title
- Pull quotes in the serif, a size up, beside an orange rule
- Tags as square white labels that outline in orange under the pointer
- Quiet editing: no focus ring around the note, its title or form fields while you type;
  property names read as labels, not boxed fields
- Text colours meet WCAG contrast on both faces
- The phone layout keeps the same colours and shapes
- No `!important`: every rule can be overridden with a CSS snippet

## Installation

**From the community directory, as a variant:** this theme ships inside **Borozdov
Ember**. Install Borozdov Ember under Settings → Appearance → Themes → Manage, then the
[Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin, and choose
**Masthead** under Style Settings → Borozdov Ember → Variant. The variant brings this
theme's palette, type and corners; its own layout, and its embedded font if it has one,
come with the full theme below.

**The full theme, by hand:** download `manifest.json` and `theme.css` from the [latest
release](https://github.com/borozdov-obsidian-themes/masthead/releases/latest) into
`<vault>/.obsidian/themes/Borozdov Masthead/`, then choose Borozdov Masthead under Settings
→ Appearance → Themes.

## Font

Masthead Serif is embedded in `theme.css` as base64 WOFF2 under the SIL Open Font License
1.1 — see [`fonts/OFL.txt`](fonts/OFL.txt). It is a Latin and Cyrillic subset of Heuristica
(© 2008–2012 Andrey V. Panov, based on Adobe's Utopia), renamed because a modified copy may
not use the original's Reserved Font Name. One weight, for the title, the three largest
headings, callout titles and pull quotes.

## License

MIT — see [LICENSE](LICENSE).

---

**По-русски.** Тема из коллекции Borozdov. Два лика: светлый «Бристоль» — разворот
премиального журнала на тёплой кремовой бумаге, и тёмный «Эспрессо» — тот же разворот, когда
гаснет свет. Кофейная шапка над вкладками, чёткая антиква в заголовках (Masthead Serif на
основе Heuristica), квадратные белые карточки и только оранжевые штрихи. В каталоге тема живёт вариантом Borozdov Ember: установите Borozdov Ember и плагин Style Settings, затем выберите Masthead в Style Settings → Borozdov Ember → Variant. Целиком, со своей вёрсткой, тема ставится вручную из последнего релиза репозитория.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.