Dual-Tone Header Block
by @fotoflo
Created from prompt
Design a bold, functional monthly calendar with a dominant top-header layout. The top 25% of the page is a solid color block that changes monthly (e.g., Soft Sage #B2AC88 for Jan, Dusty Rose #D4A5A5 for Feb, Muted Teal #669999 for Mar). The Month Name is centered in this block in white (#FFFFFF) using ultra-bold Playfair Display serif at 80px. Below the header, the layout transitions to a clean white (#FFFFFF) grid. The day-of-week headers (S, M, T, W, T, F, S) are placed just below the color block in a matching accent color. The grid uses a 6-row structure with thin 1px borders in Soft Grey (#D1D1D1). Day numbers are in the bottom-right corner of each cell using Lato 400. Each cell is designed to fit 4 lines of text comfortably. No decorative icons, just the contrast between the saturated header and the clean writing space. Inspired by premium Japanese stationery brands.
Make this calendar yours
Personalise “Dual-Tone Header Block” with your own habits