Light Bristol and dark Espresso appearances, switching with Obsidian's base color scheme
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.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
A dark coffee bar at the top of each tab bar, with the current tab cut out in the page background color
Headings, the three largest heading levels, callout titles and blockquotes use the Masthead Serif typeface without bold
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
Square white cards with very thin borders, 2px border radius on clickable elements, no shadows on the page
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.
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
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
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
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
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
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis 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
https://github.com/borozdov-obsidian-themes/masthead/blob/main/LICENSEhttps://github.com/borozdov-obsidian-themes/masthead/blob/main/README.mdIt 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
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.   ## 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. Целиком, со своей вёрсткой, тема ставится вручную из последнего релиза репозитория.
Explore similar templates
Compare previews and descriptions within the same stack and category.

Casper
Casper is Ghost's official classic blog theme, long used as the default and still maintained.
HTML · Magazine

startbootstrap-clean-blog
Clean Blog by Start Bootstrap is a responsive Bootstrap blog theme with a home page, about page, contact page, and sample post page, plus a working PHP contact form preconfigured for SB Forms.
HTML · Blog

halo-theme-sakura
A Sakura-style blog theme for Halo 2.x, rebuilt after 2.0.0 for improved performance with asynchronous and deferred resource loading.
HTML · Blog

bleak
Bleak is an AJAX-driven Ghost blog theme with a clean, reading-focused layout. It offers responsive design, built-in code syntax highlighting with line numbers, customizable primary color via Code injection, Disqus comments, and an optional fixed navigation bar.
HTML · Blog

serene
Serene is a minimal blog theme for Zola, focused on typography and reading experience. Built on Zola's template system with HTML and CSS, it has no front-end framework dependencies and loads lightly.
HTML · Blog

startbootstrap-blog-home
A Bootstrap blog homepage HTML starter template by Start Bootstrap, with post lists, sidebars, and pagination. Edit HTML/CSS in dist directly, or build from Pug, SCSS, and JS via npm scripts with local preview and live refresh.
HTML · Blog
