Logic & Craft Co. Strategic Gato — New Build

Pick the look.

Heads up: the direction you pick here becomes the agreed design direction for the build. We can refine details within it, but a full change of overall style after this is locked counts as new scope. That's the point of this step, it keeps us pointed the same way from day one.

01Overall vibe

A starting point. Pick one and the preview sets itself up. Then tweak anything below.

Calm & minimal
Roomy, quiet, product front and center. Considered and premium.
Comfrt energy
Lifestyle & aspirational
Big photography of people in the brand. Sells a mood, not just a shirt.
Hollister energy
Bold & high-volume
Energetic, lots of product on screen, built to move a big catalog.
Shein energy
Sharp & premium
Crisp and high-contrast. Sharp corners, bold type, editorial edge.
Clean & bold
02Typography

How the words feel, headlines especially.

Gato
Modern geometric
Clean, tech-forward, current.
Gato
Neutral classic
Helvetica-style. Lets product speak.
Gato
Editorial serif
Elevated, fashion-magazine feel.
GATO
Bold display
Heavy, loud, hype-brand energy.
Gato
Condensed sans
Tall and narrow. Sporty, streetwear.
Gato
Slab serif
Sturdy and grounded. Workwear feel.
Gato
Rounded sans
Soft and friendly. Approachable.
Gato
Fashion serif
High-contrast, elegant. Luxe editorial.
03Product grid

How the shop page lays out products. Updates the grid in the preview.

Large, 2 across
Big cards, premium feel.
Standard, 3 across
The familiar default.
Compact, 4 across
More product per screen.
04Layout density

How much shows on screen at once.

Spacious
Few items, big imagery, lots of air.
Balanced
A comfortable middle.
Dense
Packed grids, lots per screen.
05Homepage hero

The top of the homepage, the first thing they see. Updates the hero in the preview.

Full-bleed photo
One big image, headline and button over it.
Text-forward
A strong statement, minimal imagery.
Product-forward
Featured products right at the top.
06Buttons & corners

Small detail, big effect. Watch the buttons in the preview.

SHOP NOW
Sharp
Square corners. Editorial.
Shop now
Soft rounded
Friendly, approachable.
Shop now
Pill
Fully rounded. Very apparel.
07Product imagery

How the apparel is shown. Affects what photos we'll need from you.

Studio
Clean shots on a plain background.
Lifestyle
Worn by people, real settings.
Mixed
Studio grid, lifestyle highlights.
08Motion & animation

Movement on scroll and hover. Hover the preview cards to feel the difference.

Minimal
Mostly static. Fast, no-nonsense.
Subtle
Gentle fades and hovers. Polished.
Lively
Noticeable animation. More wow.
09Anything else

Optional. Sites or details you love, must-haves, hard no's.

Live preview
strategicgato.com
Pick a vibe to start, or choose options one at a time.
Preview shows your locked palette: warm cream, terracotta, and charcoal. Use the Desktop and Mobile toggle above to see both layouts.
0 of 8 chosen