SVG badge walkthroughFictional shop example
Fieldnote bookmark and compassFIELDNOTENotebook concept

Stationery / notebook concept

Fieldnote outdoor notebook

A fictional product layout for testing three generated SVG badges beside useful text. This page is a demonstration, not a shop or a product offer.

Notebook details

Compare page layout and dimensions.

Materials guide

Read the product materials description.

Delivery options

Check the available delivery information.

About these example assets

The notebook cover is a manually assembled HTML mockup. The three badge icons came from separate SVG AI generations; the versions above were manually set to the same navy fill and proportional fitting. They still differ in detail and apparent line weight.

Compare the original and manual files

notebook

Original generated notebook
Original download
Manually recolored notebook
Manual navy version

23,180 original bytes · 21 paths · 6 distinct fill values

leaf

Original generated leaf
Original download
Manually recolored leaf
Manual navy version

3,726 original bytes · 1 paths · 1 distinct fill values

parcel

Original generated parcel
Original download
Manually recolored parcel
Manual navy version

4,923 original bytes · 2 paths · 2 distinct fill values

The notebook has more detail than the leaf and parcel. Matching the color does not make their visual weight identical. Inspect these cards at your actual layout size.

File measurements · notebook original · notebook manual · leaf original · leaf manual · parcel original · parcel manual