Start with the foundations
Set brand colours and type before tuning individual pages. Review contrast on real backgrounds, including buttons, labels and product information.
DESIGN / THEME STUDIO
One visual language. Every touchpoint.
Treat colour, typography, spacing and page composition as a system. The goal is a recognisable shopping experience that remains readable and easy to use.
BUILT AROUND THE WORK
What this means
for your business.
Work through actual content
Inspect long names, missing images and dense product detail. A layout that looks balanced with a short headline may fail on a real collection.
Review across screen sizes
Check navigation, product selection and purchase actions on small screens. Keep key information visible without depending on hover or decorative motion.
THE DETAIL IN BUSINESS CONTEXT
Your identity needs a system.
A colour choice, product image and navigation pattern work together. Inspect long names, dense collections and small screens before activating a design.
Content that fits
Use the catalogue and real brand material when reviewing a theme. A short sample headline will not expose every layout issue.
Publication ownership
Decide who reviews content, activates the experience and checks the customer journey after a change.
INSPECT THE RECORDS AND DECISIONS
A brand system has to survive real content.
Review the theme as a set of decisions: navigation, typography, product imagery, content density and buying actions. The finished storefront must work with the actual catalogue.
Operating concepts to inspect in your setup; this is not a wire-format schema. Exact API fields belong in the source-derived reference.
- Typography
- Headings, product detail, labels and language-specific fonts.
- Colour
- Text, backgrounds, buttons, statuses and focus visibility.
- Layout
- Reading order, product grids and section hierarchy.
- Imagery
- The crop, resolution and product information carried by each image.
- Responsive behaviour
- The same buying decision on a narrow screen.
- Activation
- The review and ownership of the published experience.
If a layout breaks with a long name
Test representative content rather than shortening every product to fit an attractive sample.
Before changing a live identity
Review product, collection, navigation and checkout entry points together. Keep responsibility for activation explicit.
CLOSER TO THE PRODUCT
Explore the details
behind the experience.
Actual views supplied from Agora. Open each capture to inspect the controls and context. These views are separate from the interactive examples and their illustrative data.
SECTION LIBRARY
Build with a visual vocabulary.
The section library exposes layout, commerce, media and content choices, including grids, tabs and FAQs.
CONTENT BLOCK
Place the right content in the right context.
This supplied content form exposes a slot, locale, priority and draft state, with rich text, HTML and plain-text fields.
REUSABLE CONTENT
Give recurring content a reusable home.
The CMS form shows a block key, placement, content and locale. This is a creation interface, rather than evidence of a published block.
FOLLOW THE PROCESS
From the first step
to the next decision.
01
Set the identity
Apply the brand palette and typography in Theme Studio.
Set the identity→Compose the experience→Review and activate
02
Compose the experience
Arrange sections around discovery, product information and buying.
Set the identity→Compose the experience→Review and activate
03
Review and activate
Check the relevant devices and follow the activation workflow for your environment.
Set the identity→Compose the experience→Review and activate
Operating walkthrough · Review the exact configuration for your business.
A CLEARER PICTURE
Good questions.
Useful answers.
Can I keep the same visual language in the app?
Review the app brand controls alongside your storefront identity; each surface has its own layout needs.
Should every page look identical?
No. Keep identity consistent while giving different buying tasks the layout they need.
BUILD WITH AGORA
Your next chapter starts here.
Bring your business, your ambition and the questions that matter. Let’s explore what you can build with Agora.