Styleguide
The basic visual language follows the existing Nottingham Stamp Centre character, while keeping the new site structure clean and modular. Shop-specific components can be added one by one.
Colours
#285a92#1b5bae#468147#3a6a3a#9b4a46#7f3d3a#cac492#dad6b1#eae7d0Typography
2rem — H1 / largest standard heading
1.5rem — H2 / large text
1rem (16px) — H3-H6 and main content text
0.875rem — small functional text in Open Sans
Example H1 heading
H1 retains the established blue treatment and standard text spacing below it.
Example H2 heading
H2 also retains the established blue treatment.
Example H3 heading
H3 is black, bold and the same size as body text, with no extra gap below the heading.
Example H4 heading
H4 through H6 use the same treatment as H3.
Bitter is the main typeface for the site. This is a standard text link with the blue hover colour.
Buttons and controls
Buttons use slightly rounded corners and three consistent sizes. The small size is intended for compact actions such as table rows.
Tables
Tables use a straightforward NSC treatment: a blue optional caption, beige column headings with white text, light-beige body rows and clear white internal dividers. Captions and column headings are optional.
| Item | Details | Qty | RM Price | Our Price |
|---|---|---|---|---|
| 1st Class stamps | One packet containing ten 1st Class stamps at a discounted rate | 1 × 10 | £18.00 | £12.50 |
| 2nd Class stamps | Example second row to show the alternating background treatment | 1 × 10 | £15.00 | £10.95 |
Forms
Forms follow the IVS-style structure in the Nottingham Stamp Centre palette: a light-beige panel with a dark-beige outer edge and white inset, consistent white fields, more generous row spacing, clear validation/help text and a separated centred action row.