Nothing is built yet. This is the look-and-feel stage: three complete, deliberately different visual worlds for the same shop. Each one shows the home page, a product page, the bag, and how it looks on a phone, because the shop working is the part that matters most. Pick one, or pull the parts you like from across all three. There is a table near the bottom for exactly that. The shop underneath works the same either way.
Everything you see is placeholder. The garment shapes are stand-in silhouettes, not product photos, and the product names, codes and prices are examples so the layouts read like a real shop. Your actual logo, photos and products drop straight in.
Tamed Psychotic runs a bought Shopify theme called Prestige with two free Google fonts. House of Errors runs a modified Shopify theme with a paid font kit. Only Karo Crafts is built from scratch, and that is the expensive one. So what makes a shop feel costly is not the platform. It is a handful of decisions, and most of them are free.
Acronym's whole navigation is SORT / IMG / TXT. You choose how to look at the catalogue: a wall of pictures, or a plain spreadsheet of every item with sizes, colours and stock. Nobody selling clothes in South Africa does this.
Acronym's grid shows J106-DS and SP62-M. No names, no prices. It reads like a parts catalogue, which makes the clothes feel engineered rather than merchandised.
Palace stacks its drops in one column and lights the live one in red as you scroll. The nav is a floating black pill and there is nothing else on the screen. The photography does all the work.
House of Errors' blue #254487 is never a highlight. It takes a whole section, background included. A section either is that colour or it is not. That is how we use red.
House of Errors sets body text at 12px and headlines up to 149px from one ratio. Nothing sits in the middle. That gap is what reads as expensive, and it is free.
Dime pins one word in the middle of the screen in the same colour as the background, so it is invisible until a photo scrolls behind it. Pure CSS, no library, and it makes scrolling feel authored.
Corteiz pins a live countdown to the bottom of every page: 02 : 01 : 16 : 58. It turns a small range into an event, and it is about fifteen lines of code.
Baker fills the entire header block with #E3201A and puts the logo on top in black. Red type on white looks like a sale. A red block with type on it looks like a brand.
Tamed Psychotic's image files are named DSC05300.jpg and IMG_2849.jpg. Camera and phone originals, unretouched. That mix is exactly why it cannot read as AI. This part is on you and a mate with a camera.
The shop as municipal infrastructure. Road paint, kerb stripes, hazard chevrons, and a catalogue you can flip between pictures and a live stock table. Every piece carries a part number and a spec sheet. It is a clothing brand that behaves like a parts department.
#0B0C0BTar, page#151815Panel#E2251CPaint red, fill#E8B400Hazard yellow, states#F2EFE6Warm white, typeHome page / IMG view
Same page / TXT view. One click, no pictures, everything at once
| Code | Item | Sizes | Colourways | Price | Stock |
|---|---|---|---|---|---|
| KRB-01 | Kerbstone Hoodie, 420gsm | S M L XL | R750.00 | 14 | |
| KRB-02 | Tar Tee, 240gsm | S M L XL | R390.00 | 31 | |
| KRB-03 | Stoep Cap, brushed twill | One size | R320.00 | 3 | |
| KRB-04 | Robot Tee, 240gsm | S M L XL | R390.00 | 0 | |
| KRB-05 | Pavement Print, edition of 25 | A2 | R450.00 | 19 | |
| KRB-06 | Speed Bump Hoodie, 420gsm | M L XL | R780.00 | 5 |
Every product page opens with the measurements, not the marketing. Size guides stop being a popup nobody reads and become the actual product drawing.
Product page. The spec sheet is the product page
KRB-01 / 420 GSM / CUT AND SEWN IN CAPE TOWN
R750.00
Stock is held for 15 minutes once you reach checkout
| Fabric | 420gsm brushed fleece, 80/20 |
| Fit | Boxy, size down for regular |
| Screen print, three colours | |
| Made | Cape Town, batch of 40 |
| Care | Cold wash, inside out, hang dry |
On a phone
The bag. Plain numbers, nothing trying to sell you more
| KRB-01 Kerbstone Hoodie M | R750.00 |
| KRB-03 Stoep Cap One size | R320.00 |
| Courier, 2 to 4 working days | R95.00 |
| Total | R1 165.00 |
The red and white kerb stripe and the yellow hazard chevron are real South African street objects, not decoration. Live stock counts in yellow, red at three left and struck through at zero, make a small catalogue feel urgent instead of empty.
Cold enough to feel unfriendly if the photography is also cold. It needs warm, human, slightly messy pictures pushing against the grid. And the TXT view only impresses once there are enough products to fill it.
You want the brand to read as a serious operation, you like part numbers, and you plan to keep releasing numbered drops rather than one static range.
Named for the thing you stop at. The whole site is a red room: red is the floor and the walls, not a highlight. Drops stack up like a tracklist and the live one burns hot red while the rest sit back. Heavy italic condensed type, enormous, cropped by the edge of the screen. Loud, confident, and nothing like a template.
#8A101BRobot red, the ground#FF3B2EHot red, live item#12100FBlack room#F7EDE3Warm white, type#FFC9C4Faded pink, captionsHome page. The list is the navigation
Drop three is live · 40 pieces only
R750
R390
R320
Product page. The name is the poster
R750 · Drop three
Heavy fleece, boxy, printed three colours on the chest. Forty made and that is the lot.
Free courier over R900 · ships in 2 days
On a phone
The bag slides in over the red
Card, instant EFT or Apple Pay · secured by Yoco
A robot is a traffic light here and nowhere else, so the name only works for a South African brand. Red as the entire ground rather than an accent is the one thing almost no skate brand does, which is exactly why it stands out. The footer headings are written in the brand's voice instead of saying Customer Service.
A red page can shout over the clothes. It needs the black room in the middle to breathe, and product photos shot on plain backgrounds so the garments do not fight the wall. Contrast on captions has to be watched carefully.
You want the site to feel like a party rather than a catalogue, you are dropping in batches, and you want the brand loud enough to remember after one visit.
The shop as a photocopied zine taped to a wall. Newsprint paper, blown-out red ink, one screaming condensed face, typewriter text, everything very slightly crooked. This is the most skate of the three and the hardest to mistake for a template.
#E8E4D9Newsprint, page#111110Xerox black#D8291CInk red#E9FF4FHighlighter, rare#DAD5C7Second paperHome page, roughly
Clothes, caps and art from the side of the road
Speed Bump Hoodie
R750Robot Green Tee
R390Stoep Cap
R320Product page. A flyer for one thing
Thick fleece. Three colour print. Boxy fit, size down if you want it normal. We made forty.
Free sticker in every order
On a phone
Clothes, caps and art from the side of the road
Speed Bump Hoodie
R750Stoep Cap
R320The bag prints itself a receipt
Thanks. Go skate.
The crookedness is the point, and it is real CSS rotation rather than an image effect, so it stays sharp on every screen. The scrolling red strip is where sales, drops and free stickers get announced without a popup.
Rough is a fine line from cheap. It needs strong graphics on the actual garments to carry it, and the checkout has to stay perfectly plain and legible while the rest goes loud.
You want the site to feel like the brand's own voice shouting, and you are willing to make stickers, flyers and a zine to match.
None of this needs a big budget. Most of it is a few lines of CSS. Two of them are newer browser features, so they are built as a bonus: browsers that do not support them simply show the ordinary version, and nothing breaks.
A heading that stays put while photos scroll behind it, in the same colour as the background so it only appears where an image passes. Plain CSS, works in every browser.
A live clock to the next drop or the moment a drop closes. About fifteen lines of JavaScript. Working example sitting in direction 02 above.
One button that swaps the picture grid for a plain stock table. It is the same data rendered twice, so it costs almost nothing and no other local brand has it.
The zine texture in direction 03 is a CSS dot pattern, not an image file. It stays sharp on any screen and adds nothing to the page weight.
Independent Trucks ships a font called INDYFONT. If your logo has a full alphabet, we turn those letters into a real webfont and the site then uses type that exists nowhere else. A designer draws the missing letters once.
Native scroll-driven CSS animation. Works in Chrome, Edge and Safari 26; Firefox still has it behind a setting, so roughly 84 percent of visitors see it and the rest see the page sitting still. Nothing is lost.
Clicking a product can cross-fade instead of blinking white. Chrome, Edge and Safari 18 support it, Firefox is still building it. Where it is missing you get an ordinary page load, which is what everyone has always had.
Polar does this and it is the single cheapest tell. Every default shop theme makes the sale tag red. Changing one value stops the site looking like a template.
These parts are independent. Tell me one column per row and I will build that combination. A common good answer is Grip for the personality with Kerb Index for the shop pages, because the loud stuff sells and the plain stuff ships.
| Part of the site | 01 Kerb Index | 02 Red Robot | 03 Grip |
|---|---|---|---|
| Home page | Dense catalogue, everything visible at once | Drop list over full-bleed photography | Big logo, taped product cards |
| Navigation | View controls: IMG, TXT, SORT | Floating black pill, always centred | Black bar with a scrolling red strip |
| Product grid | Small tiles, part numbers only | Three across, cut out on black | Crooked cards with tape |
| Product page | Spec sheet with measurements drawing | Name set as a poster | A flyer for one item |
| The bag | Plain table of numbers | Drawer sliding over the red | Printed receipt with a torn edge |
| Announcements | Ticker along the bottom | Live countdown to the drop closing | Scrolling red marquee |
| Type | IBM Plex Mono throughout | Archivo condensed italic, very heavy | Anton plus Courier |
| Photography needed | Flat lays on plain ground, plus street shots | Strong full-bleed images, people wearing it | Phone photos are fine, rough is the point |
The build is on the house. What you cannot avoid is the running cost, because taking real card payments means someone has to carry the bank side of it. Here is the honest version.
Hosting is free on my Cloudflare account. The whole front end, everything in these three directions, is custom code that we own. Shopify sits behind it doing the boring dangerous parts: the card payment, your orders, your stock counts, customer addresses. That means card details never touch our site, which is the single most important decision here, and it means you can add products and see orders yourself without phoning me.
Card payments run through Yoco or Paystack. Both onboard a sole trader with just an ID and a bank account, so you do not need a registered company to start.
Prepared for Sam. Three directions, one page, nothing built yet.
Colours, fonts and layouts here are all real and ready to use. Photography and products are
placeholders.