day 1 of hacking

[benjaminsehl]

Not very pretty yet … has a lot of crap I'm going to delete / need to clean up … but starting to get the bones in here.

Broke down the figma into components so i can form a bit of a design system: https://www.figma.com/file/dCQdxWonNUtIHx3WjicU2g/Utopia-Demo-Store?type=design&node-id=53941%3A534&mode=design&t=G1rMYbKL7X1mCMPe-1

Didn't really figure out how I should treat layout until the end of the day … going to tidy that up tomorrow …

idea for layout components:

• Section - full width on a page, has a foreground and background
• Container - max width of main content, centers stuff, etc
• Flex – for doing "auto-layout" type stuff
• Grid – for any of the standard "x columns" "y rows" type of layouts

i also need to re-do a bunch of the primitives … for now just copy-pasted stuff from our demo store… going to use https://cva.style to compose design props

[shopify]

Oxygen deployed a preview of your sehl/day-one branch. Details:

Storefront	Status	Preview link	Deployment details	Last update (UTC)
hydrogen-may	✅ Successful (Logs)	Preview deployment	Inspect deployment	June 11, 2024 2:30 PM

Learn more about Hydrogen's GitHub integration.