Warm by default
Cream canvas, ceramic surfaces and layered greens give the storefront a confident, grounded rhythm.
Phase 1 · frontend foundation
A storefront with room for what comes next.
42Factors is the working visual foundation for the INF2006 ecommerce experience: warm surfaces, clear states and an interface that stays useful when the network or the catalogue is having a hard day.
Presentation sample · no catalogue, account or checkout data is connected yet.
The point of view
Simple signals. Thoughtful details.
Every shared choice should make the next feature easier to understand, test and trust.
Clear under pressure
Empty, validation and dependency states are designed as first-class moments instead of afterthoughts.
Ready for real data
Presentation samples are labelled plainly so live catalogue and account work can slot in without guesswork.
Shared system
The next layer should feel inevitable.
These tokens, components and states are deliberately small. They make room for real account, catalogue and checkout work without asking every page to reinvent its language.
HTTP-first
Rendered by Django
Token-led
Shared CSS vocabulary
Mobile-ready
Keyboard-friendly layout
Built for the whole journey
States are part of the product.
Presentation samples below show the visual language for moments that will become live once the corresponding backend contracts exist.
Empty state
No saved items yet
A quiet starting point makes it clear what belongs here when a real account is connected.
Dependency error
We could not load this area.
Keep the reason visible, protect the user’s context and leave room for a safe retry when a live dependency is available.
Validation sample
Keep the next step clear.
Disabled until the authentication and notification contracts land.
Small live interaction
Load the design notes without leaving the page.
Press the button to load a presentation fragment from Django.
Loading…