Design

Brand & Digital Guidelines

The brand foundation for the new website.

Prepared forNottingham Office Equipment
ScopeBrand refresh & web build
Prepared byUp-Stride Limited
02

Modular grid

N, O, E and EST.1971 as outlined tiles — rearrange them for posters, social and signage.

Same four tiles, endless layouts.

Rearrange the outlined cells across cream, orange and ink — every piece stays unmistakably NOE.

N
O
EST.1971
E
N
EST.1971
O
E
N
O
E
EST.1971
03

Colour

Neutrals for structure, one orange scale for the brand, and green / red / amber for feedback only.

Neutrals — black to white
Ink#141414
900#1A1A1A
700#3D3A37
500#6B6763
400#8F8B86
300#BEBAB4
200#E4E1DB
100#F1EFEC
White#FFFFFF
Orange — the brand scale
600#B4470D
500 · Base#E8631F
400#F0854D
300#F6A87E
200#FACCB0
100#FDE4D5
50 · Wash#FDF3EC
Semantic — feedback only
Positive#2E7D46In stock, success, saved
Negative#C6362FErrors, out of stock, delete
Warning#B8791ALow stock, needs attention

Click any colour to copy its hex.

04

Typography

One family — Poppins, in three weights. SemiBold is the heaviest (headlines, buttons); Medium is the default; Regular for long-form and detail. No Bold.

Poppins
Aa Bb Cc
0123 & £
Ag
Poppins SemiBold — 600
Headlines, wordmark, buttons, prices — the heaviest weight
Ag
Poppins Medium — 500
Body copy, product data, UI — the default weight
Ag
Poppins Regular — 400
Long-form text, secondary detail, fine print
05

Components

Buttons, tags, forms and controls — the building blocks of the shop.

Buttons
Variants
Sizes & states
With icons & arrows
Arrows & icon buttons
Directional
Inline link arrows
See all desks
Read more
Quantity & tags
Quantity stepper
2
Status tags
New Refurbished Clearance −30% Low stock
Search & forms
Looks good — we'll reply within one working day.
Enter a full UK postcode for a delivery estimate.
Select & toggles
Switches
Show in-stock only
Include clearance
06

Filters

The filter sidebar, results toolbar and feedback states for browsing a category.

Filter sidebar
Category Clear
Desks × Seating Storage Screens
Condition
Price
£45£520
Finish
Rating
4 & up
Results toolbar
184 products
Applied filters
Desks × New × Under £300 × Clear all
Feedback — positive / negative
Added to basket. Free delivery on orders over £300.
Out of stock. This finish is unavailable — try oak or white.
Only 2 left. Order soon to secure current pricing.
Free planning service. Book a showroom visit at Meadow Lane.
07

UI patterns

Tabs, breadcrumbs, pagination, accordions and the product card.

Tabs

A hard-wearing operator chair with breathable mesh back, seat-height adjustment and a 5-year frame guarantee.

Breadcrumb & pagination
Home/ Seating/ Task chairs
‹123…9›
Accordion / FAQ
Yes — we run our own vehicles and our own team fits every order across the East Midlands, so your delivery is always handled by one of us.
Every refurbished chair is re-upholstered in-house and comes with a 12-month guarantee on the mechanism and frame.
Absolutely. Our Meadow Lane showroom is open Monday to Friday — pop in to try before you buy, no appointment needed.
Product card
−30%O
Seating · Refurbished
Mesh Task Chair
£89£129ex. VAT
08

Forms & enquiries

How customers get in touch and sign up — enquiry, callback and email capture, with a voucher incentive.

Send an enquiry
We reply within one working day.
Request a callback
Leave a number and we'll ring you back.
Prize draw

Join the list, win a £100 voucher.

Offers, new-stock alerts and one entry into our monthly draw. Unsubscribe anytime.

We'll only send things you'd actually want.
09

Offers & states

Promotions, coupon entry and the loading, empty and success states the shop needs.

Free delivery on orders over £300 — use code NOE300 at checkout
Coupon / discount code
Code applied — 10% off your order.
That code isn't valid. Try NOE10.
Try NOE10 for the success state.
Offer tiles
10%First orderCode NOE10 · new customers
£100Voucher drawMonthly · newsletter sign-ups
Loading
Loading products…
Skeleton
Empty basket
Your basket is empty
Browse desks, seating and storage to get started.
Success
Order confirmed
Order #NOE-4821 — we'll email your delivery date shortly.
Added to basket — Mesh Task Chair
10

Checkout

A worked example of the four-step flow — basket, details, delivery and payment — with a running order summary.

Basket
Details
3Delivery
4Payment

Choose delivery

Standard delivery & install
Our own team · 7 working days
Free
Priority delivery
3–4 working days
£45
Collect from showroom
Meadow Lane · ready in 2 days
Free

Order summary

2Mesh Task Chair£178.00
1Oak Straight Desk£125.00
Delivery & installFree
Discount (NOE10)−£30.30
Total inc. VAT£327.24

Mini-basket — the dropdown from the header cart.

Your basket3 items
O
Mesh Task Chair
Refurbished · qty 2
£178
O
Oak Straight Desk
New · qty 1
£125
Subtotal £303
11

Content & chat

Richer marketing pieces — image cards with text and buttons overlaid, promo blocks, and the chat widget.

Overlay cards — image, scrim and text with a call to action.

N
Desks
Oak straight desks
From £125 · new & refurbished
Shop desks
−30%
O
Seating
Ergonomic task chairs
Refurbished · 12-month guarantee
Shop seating
E
Service
Free space planning
Book a showroom visit
Learn more

Promo hero — full-width offer block with a button.

NOE Summer clearance

Up to 40% off ex-showroom stock.

Quality used office furniture, delivered and installed by our own team across the East Midlands.

Chat widget — the launcher prompt and the open conversation.

Have a question?
Chat with our helpful team now…
1
Tap to open the chat →
12

Iconography

The Lucide icon set — one consistent line style for the whole shop. Click any icon to copy its name.

Product categories
Desks
Seating
Soft seating
Storage
Screens
Meeting
Booths
Canteen
Reception
Executive
Accessories
All products
Shop & commerce
Search
Filter
Basket
Bag
Wishlist
Price
Sale
Coupon
Payment
Order
Stock
Compare
Services
Delivery
Installation
Planning
Office design
Refurbished
Upholstery
Showroom
Location
Lead time
Call
Email
Chat
UI & feedback
Check
Close
Add
Remove
Next
Expand
Arrow
Rating
Info
Warning
Success
Account
Trust & sustainability
Guarantee
Certified
Rated
Sustainable
Reviews
Value
Returns
Support
Browse full Lucide set
13

In use

The system pulled together into a landing page.

NOE DesksSeatingStorageRefurbished
Nottingham's office furniture supplier · Est. 1971

New and used furniture, fitted by the people who deliver it.

Our own vehicles, our own team, and refurbished chairs upholstered in-house. Browse online or visit the Meadow Lane showroom.

Copied