coral-rebrand

byLipsa Mishra

Rebrand this entire storefront into a premium streetwear brand called [give a good name]. BRAND & VISUAL DIRECTION Dark mode only. Background #0A0A0A. Surfaces #141414. Accent: electric lime #CCFF00. Use it for CTAs, price tags, hover states, active nav. Typography: bold condensed uppercase headings (Anton or Archivo Black), clean sans body (Inter). Big type. Heavy contrast. Tight letter-spacing. Aesthetic: dark, high-contrast, editorial. Think Nike SNKRS meets a techno flyer. Sharp corners, thin 1px borders, subtle grain. No purple gradients. No soft shadows. REPLACE ALL PRODUCT DATA Remove all Acme placeholder products. Create 8 mock streetwear products: Blackout Cargo Pants — $145 Nightshift Hoodie (Oversized) — $180 Static Tee — $65 Grid Bomber Jacket — $290 Terminal Cap — $45 Void Crewneck — $120 Signal Windbreaker — $210 Circuit Socks (2-Pack) — $30 Each product: 2-3 size variants (S/M/L/XL), a short punchy description, and a category (Outerwear / Tops / Bottoms / Accessories). Use dark, moody Unsplash streetwear placeholder images. HOMEPAGE Full-bleed hero: massive NIGHTSHIFT wordmark, tagline "BUILT FOR THE HOURS NOBODY WATCHES", lime CTA button "SHOP THE DROP". Below hero: 3-column featured product grid with hover-zoom. A "NEW DROP — LIVE NOW" ticker strip that scrolls horizontally. Sticky top nav: NIGHTSHIFT logo left, links (SHOP / OUTERWEAR / ABOUT), cart icon with live item count right. KEEP INTACT Keep all existing cart logic (addToCart, removeFromCart, updateCart, getCart), routing, search, and the standalone demo mode. Do not break the build. all options must be functional and there must be 30 plus more new different options of products.i just gave a few examples

No preview

Comments (0)

No comments yet. Be the first!

Architecture

Loading diagrams...

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Home: View Hero
Nav: Click Shop
Shop: Browse Grid
Shop: Filter Category
Product: View Details
Product: Select Size
Cart: Add Item
Cart: Update Quantity
Nav: Click Search
Search: Search Products
Results: View Results
Cart: View Cart
Checkout: Complete Purchase

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Home: View Hero
Nav: Click Shop
Shop: Browse Grid
Shop: Filter Category
Product: View Details
Product: Select Size
Cart: Add Item
Cart: Update Quantity
Nav: Click Search
Search: Search Products
Results: View Results
Cart: View Cart
Checkout: Complete Purchase