Hand-lettered, two inks
Hearth
Hearth looks like the menu a good neighborhood place prints each week. Headlines are hand-lettered, the rest is a plain, friendly sans, and everything is printed in two inks on off-white paper: one for type, rules and small line drawings, the other for labels, prices and buttons. There are no gradients, shadows or textures, so food photography and the day's news stay in front.
01 / Character
How Hearth looks and reads
- Hand-lettered headlines over a clear, friendly sans
- Two inks on paper: one for type and drawings, one for prices and buttons
- Flat surfaces with 2px printed rules and square corners
- Black and white photos print in the palette's ink
How the page flows
Hearth reads top to bottom like a menu card: a hand-lettered heading with a short drawn squiggle under it, then the content. Paper sections warm slightly as they pass the middle of the screen, and a solid band of ink breaks up the page for a quotation or the numbers.
02 / Fit
Businesses that suit it
- Restaurants, cafes and bakeries
- Wine bars, delis and ice cream shops
- Food trucks, caterers and market stalls
- Any small place whose menu and hours change often
03 / Features
Features
Photos printed in ink
A black and white photo is printed in the palette's first ink beside the hand-lettered heading.
The day's menu
Numbered items on 2px rules, with small line icons in the ink.
A framed menu card
The spotlight banner is framed in both inks and carries a small line drawing.
04 / Make it yours
Shape the mood around your brand
- Cobalt is the default: blue ink with tomato buttons. Tomato swaps them, Olive pairs green ink with mustard, and Ink Night prints paper-colored ink on deep blue.
- Keep headings short. The hand-lettered face is at its best across two or three lines.
- Choose black and white for a photo to print it in the palette's ink.
05 / Every screen
Clear, comfortable, and easy to use
- Both inks meet contrast on the paper and on the tinted sections in every palette.
- Buttons use a plain sans in capitals with a solid 2px edge, so they read clearly against the paper.
- The scroll color shift and the drawings' entrance stop when a visitor asks for reduced motion or the site's motion is off.
06 / FAQ
Hearth questions
- Can Hearth show a menu?
- Yes. A feature list works for the parts of the day, and a pricing table can list dishes with their prices in the second ink.
- Which color palette does Hearth start with?
- Cobalt. Tomato, Olive and Ink Night keep the same printed look with different inks.
- Does Hearth need professional food photography?
- No. Plain daylight photos work well, and a black and white photo is printed in the palette's ink so it matches the page.