Hero prompt
With a planA magazine-style hero on grainy paper: an oversized serif headline with an italic spot-colour word, a flat-shadow button, a framed riso-print plate collage built only from CSS shapes, halftone dots and two tiny pictograms, and a numbered issue strip. Ink on paper with one spot colour.
A picture of the design. The live, interactive preview, the full prompt and the code unlock with a Dapols plan. See the plans.
Want this on your own site? Pick it for your plan.
Everything on this page except these four tabs is free to read. The tabs unlock with a paid Dapols plan.
Editorial Serif Hero is included with every Dapols plan
Free visitors get the free prompts. Any Dapols plan, the one-time setup or the monthly subscription, unlocks every prompt.
Unlocking this prompt gives you:
Already have a paid plan?
Not on a plan yet?
The preview, description and FAQ on this page are free. A plan unlocks this prompt and every other one in the library.
See the plansWant to try one now? Browse the free prompts.
Editorial Serif is a hero for publications, studios and brands that want to feel printed rather than rendered. A masthead with a heavy rule sits over a hairline, a small-caps kicker leads into an oversized serif headline, and one italic word in the spot colour gets a hand-drawn wavy underline. To the right a framed plate holds a collage built entirely from CSS: an arch with a rotating sun and halftone dots, an offset ghost outline that mimics print misregistration, a hatched quarter circle, a dotted sand disc, a sage tile with a leaf and a turning stamp, with crop marks, a ticket and a figure caption around it. Fine grain lies over the paper, the buttons carry a hard flat shadow, and a numbered strip of four sections closes the frame. The dark theme turns the paper into warm charcoal and the spot green into mint. Everything is divs, gradients, masks and inline SVG, so there is nothing to download, and every loop stops for visitors who prefer reduced motion. It suits magazines, newsletters, cultural venues, studios and long-form brands.
Pairs well with the Atelier and Quartz Looks in the Dapols website studio. See website examples.
Each piece is a div with a border radius, a gradient fill and a thin ink outline, positioned with percentages inside a box that has a fixed aspect ratio. The halftone is a radial-gradient dot pattern under a mask, the offset ghost outline is a second unfilled shape, and the sun, leaf and stamp are small inline SVGs, so there is nothing to download.
No. The prompt names it as the primary font, but the stack falls back to the serif fonts already on the visitor's device, such as Iowan Old Style, Palatino or Georgia. If you do load it, check the headline size, because it is narrower than Georgia.
Yes. Replace the spot, lighter spot and dark-theme spot values together, and make sure text in the spot color keeps at least 4.5:1 contrast against the paper. Keep it to one spot color so the page stays editorial.
HeroWith a plan
A bold editorial hero built around a luminous self-drawing SVG contour map: dozens of flowing lines trace themselves in over a soft sun glow, glowing routes ignite, nodes pulse, and hovering lights the nearest line.
HeroWith a plan
A calm, confident hero on a sheet of grainy paper: one huge tight-tracked headline with a hand-drawn accent loop, a topographic contour map of a mountain lake as the only graphic, one button and one quiet link. Warm off-white, near-black and one restrained accent.
HeroFree
A night-sky hero lit by real aurora curtains of mint, lime and cyan rays, with the headline held in a frosted-glass card with a specular rim, fine grain and floating glass tiles. Includes a pale-fog light theme with the same hues.
Need a whole site, not one section? Pick the designs you like, choose your colors and fonts, and Dapols builds the website for you as part of your plan. Answer a few questions about your business to get started.
