URARTU / DEMO FIELD GUIDE
Slate Hardware
Elements & details.
A product launch page in tiles: white bento tiles of different sizes on a soft grey ground, each carrying one fact at display size — the claim, the noise floor, the hours on the mill — then the specification as a second, mirrored grid. How it is made, two configurations, press quotes as tiles, and a reservation instead of a cart. Inter throughout; no catalogue and no shop plugin needed.
Explore the building blocks in this demo’s own colours, typography and layout. The header, footer and content use this website’s current settings.
Explore the complete demo ↗01 / FOUNDATIONS
Typography & rhythm.
Native heading, paragraph, link, list and quotation styles.
A clear point of view.
Details that belong together.
Made for the whole page.
A useful page starts with a clear hierarchy. Strong emphasis, a quieter accent and a meaningful link all have their place.
Good design makes the next step easier to understand.
Illustrative quotation
- Consistent spacing
- Readable content
- Responsive compositions
03 / INPUT
Fields with a purpose.
Interactive preview only. Nothing entered here is sent or stored.
04 / FEEDBACK
Clear at every step.
- Error message — check the required fields.
How do these examples relate to this demo?
They use the installed theme and Core styles. Each element can be reused and its content edited for a real page.
| Detail | This demo | Your website |
|---|---|---|
| Content | Example words and imagery | Your own story |
| Appearance | Current demo settings | Editable theme settings |
05 / MEDIA
Images in context.
Images from this demo’s own media library.
STORE COMPONENTS
The complete shopping journey.
Real product cards from this demo. Open the store pages to explore filters, product galleries, variations, cart, checkout and account states in their full context.
06 / CUSTOM ELEMENTS
Explore the Core library.
Real registered elements, rendered against this installation’s content. Missing dependencies or matching data are identified beside the example. Forms are preview-only on this page.
Slate One
Machined from one block. Silent under every load.
A workstation with no fan in it. Forty-one hours on a mill, eleven kilos of aluminium removed, and a chassis that is the cooling system rather than a box around one.
Considered details
A second thing worth saying
Illustrative content for this element. Replace the words and images to suit your project.
A clear structure
A second thing worth saying
Illustrative content for this element. Replace the words and images to suit your project.
Room to make it yours
A second thing worth saying
Illustrative content for this element. Replace the words and images to suit your project.
Trusted by teams who count
The people
Who you will actually be working with.
Selected work
Three we are allowed to talk about.
-
Client
What was done
Illustrative content for this element. Replace the words and images to suit your project.
Considered details Considered details
-
Client
What was done
Illustrative content for this element. Replace the words and images to suit your project.
A clear structure A clear structure
-
Client
What was done
Illustrative content for this element. Replace the words and images to suit your project.
Room to make it yours Room to make it yours
The making of it
Forty-one hours, and eleven kilos of swarf
Every chassis starts as a solid billet of 7000-series aluminium weighing fourteen kilos. Three kilos of it leave the building as a computer; the rest is chips, and they go back to the smelter we bought the billet from. Machining a case out of one piece is a slow and expensive way to make a box. It is the only way to make the case and the heatsink the same object, which is what removes the fan — and the fan is the part that fails, the part that gets loud at four in the afternoon, and the part that lets dust in.
Reserve oneFollow us
See it as a complete website.
Explore the actual pages, navigation, product details and responsive layouts.
Open Slate Hardware ↗