Sample Filament {{ i }}
+Assign a collection in this section to display products.
+diff --git a/docs/lineboss-shopify-build-plan.md b/docs/lineboss-shopify-build-plan.md new file mode 100644 index 0000000000..b916e411d0 --- /dev/null +++ b/docs/lineboss-shopify-build-plan.md @@ -0,0 +1,212 @@ +# LineBoss Shopify Store Build Plan (Inspired by Poco Techmart) + +This plan outlines how to build a Shopify storefront for an FDM 3D printing filament brand named **LineBoss**, using the visual and merchandising style of the Poco "Techmart" demo as inspiration. + +## 1) Foundation Setup + +- Create a Shopify account and store (US market defaults). +- Choose a premium electronics-style theme with: + - homepage section stacking (hero, category tiles, featured products), + - promotional banners, + - built-in product filtering, + - mega menu support, + - product card badges (new, sale, top seller). +- Configure core settings: + - currency: USD, + - units: metric with inch references in product copy, + - tax and shipping profiles, + - Shopify Markets (US first, optional CA/EU later). + +## 2) Brand Identity for LineBoss + +### Brand direction +- **Name:** LineBoss +- **Category:** Premium FDM filament +- **Tone:** Technical, reliable, performance-driven +- **Tagline ideas:** + - "Command Every Layer" + - "Precision You Can Print" + - "Filament That Obeys" + +### Visual system +- Primary colors: + - Carbon Black `#111111` + - Signal Orange `#FF6A00` + - Steel Gray `#6E7781` + - White `#FFFFFF` +- Typography: + - Headlines: geometric sans (e.g., Montserrat) + - Body: neutral sans (e.g., Inter) +- Icon style: + - Material icons for nozzle temp, bed temp, diameter tolerance, spool weight. + +## 3) Catalog Architecture + +### Core collections +- PLA Filament +- PETG Filament +- ABS Filament +- TPU (Flexible) +- Carbon Fiber Reinforced +- Silk / Specialty Finishes +- Multi-Pack Bundles +- Clearance / Open Box + +### Product schema (for each SKU) +- Material type (PLA, PETG, etc.) +- Diameter (1.75 mm) +- Net weight (1 kg / 0.5 kg) +- Color family +- Finish (matte, silk, translucent) +- Print temperature range +- Bed temperature range +- Speed profile (normal/high-speed) +- Drying recommendation +- Compatibility tags (Bambu, Prusa, Creality, etc.) + +### Suggested initial launch SKUs +- 18–24 PLA colors +- 8–12 PETG colors +- 6 ABS colors +- 6 TPU colors +- 4 CF-reinforced options +- 3 curated bundles (starter, prototyping, cosplay) + +## 4) Homepage Structure (Poco-like) + +1. **Top utility bar** + - Free shipping threshold + - Support email/chat + - "Track Order" + +2. **Hero banner carousel** + - Slide 1: "LineBoss PLA Pro" + - Slide 2: "Engineering PETG" + - Slide 3: "TPU Flex Series" + +3. **Category icon row** + - PLA, PETG, ABS, TPU, CF, Bundles + +4. **Featured collections grid** + - Top Sellers + - New Colors + - High Speed Compatible + - Creator Picks + +5. **Promotion banners** + - "Buy 4 Get 1 Mini Sample" + - "Starter Bundle - Save 12%" + +6. **Best sellers carousel** + - Product cards with swatches and quick add + +7. **Why LineBoss block** + - Tight tolerances + - Vacuum-sealed and desiccated + - Consistent winding + - Layer adhesion confidence + +8. **Social proof** + - Reviews with printer model context + +9. **Footer** + - Material guide + - Print settings library + - Wholesale / B2B inquiry + +## 5) Navigation & UX + +- **Mega menu** + - Shop by Material + - Shop by Application (functional parts, cosplay, decor) + - Shop by Printer Brand + - Resources (temperature chart, drying guide) +- **Filters on collection pages** + - Material, Color, Finish, Weight, Price, Availability +- **Search boosts** + - Prioritize exact material/color matches +- **Sticky add-to-cart** on product pages for mobile. + +## 6) Product Page Blueprint + +- Gallery: spool image + printed sample + closeup texture. +- Quick spec chips: + - Nozzle temp, + - Bed temp, + - Fan recommendation, + - Enclosure recommendation. +- Tabs/accordions: + - Description, + - Print settings, + - Technical data sheet, + - Storage & drying, + - Shipping & returns. +- Upsells: + - matching colors, + - nozzle kits, + - dry box accessories. + +## 7) Essential Apps / Integrations + +- Reviews: Judge.me or Loox +- Upsell bundles: Rebuy / Frequently Bought Together +- Email/SMS: Klaviyo +- Helpdesk/chat: Gorgias or Shopify Inbox +- Subscriptions (optional): Recharge / Skio for monthly filament plans +- Analytics: GA4 + Meta Pixel + TikTok Pixel (if used) + +## 8) Conversion & Trust + +- Clear shipping policy (lead times by region). +- Moisture-safe packaging promise. +- 30-day satisfaction policy on unopened spools. +- FAQ covering: + - stringing, + - warping, + - moisture issues, + - profile starting points. + +## 9) Launch Content Checklist + +- Homepage banners (desktop + mobile) +- Collection hero images by material +- 5+ images per product +- 1 comparison chart (PLA vs PETG vs ABS vs TPU) +- 3 educational blog posts: + 1. "Best filament for beginners" + 2. "How humidity affects print quality" + 3. "Choosing filament by use case" + +## 10) 30-Day Execution Roadmap + +### Week 1 +- Finalize branding, theme, navigation, and collection model. +- Build homepage skeleton and menu. + +### Week 2 +- Upload products, metafields, images, and filtering logic. +- Configure checkout, shipping, taxes, and legal pages. + +### Week 3 +- Install apps, automate email flows, and QA mobile UX. +- Collect initial review content from seed customers. + +### Week 4 +- Launch paid + organic campaigns. +- Run A/B test on hero copy and bundle promo. +- Review conversion funnel and optimize collection pages. + +## 11) KPI Targets (First 90 Days) + +- Conversion rate: 2.0–3.5% +- AOV: $45–$70 +- Returning customer rate: 20%+ +- Email revenue share: 20–30% + +## 12) Immediate Next Steps + +1. Purchase domain and connect to Shopify. +2. Select theme and create a LineBoss style preset. +3. Prepare first 30–40 SKUs with complete technical specs. +4. Produce homepage banners and product photo set. +5. Soft launch to a limited audience for feedback. diff --git a/shopify/lineboss/assets/lineboss.css b/shopify/lineboss/assets/lineboss.css new file mode 100644 index 0000000000..183489a695 --- /dev/null +++ b/shopify/lineboss/assets/lineboss.css @@ -0,0 +1,290 @@ +:root { + --lb-bg: #ffffff; + --lb-text: #111111; + --lb-muted: #6e7781; + --lb-accent: #ff6a00; + --lb-panel: #f5f7fa; + --lb-border: #e4e8ee; +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; + color: var(--lb-text); + background: var(--lb-bg); +} + +a { + color: inherit; + text-decoration: none; +} + +.page-width { + width: min(1200px, 92vw); + margin: 0 auto; +} + +.skip-link { + position: absolute; + left: -9999px; +} + +.lb-topbar { + background: var(--lb-text); + color: #fff; + text-align: center; + padding: 0.5rem; + font-size: 0.875rem; +} + +.lb-header__inner { + display: grid; + grid-template-columns: auto 1fr auto; + align-items: center; + gap: 1.5rem; + padding: 1rem 0; + border-bottom: 1px solid var(--lb-border); +} + +.lb-logo { + font-size: 1.5rem; + font-weight: 800; + letter-spacing: 0.02em; +} + +.lb-nav ul { + display: flex; + gap: 1.2rem; + list-style: none; + margin: 0; + padding: 0; + justify-content: center; +} + +.lb-header__actions { + display: flex; + gap: 0.85rem; + font-size: 0.95rem; +} + +.lb-main, +.lineboss-main { + display: block; +} + +.lb-hero { + display: grid; + grid-template-columns: 1fr 1.3fr; + gap: 1.25rem; + margin-block: 1.5rem; +} + +.lb-hero__content { + background: var(--lb-panel); + border: 1px solid var(--lb-border); + border-radius: 12px; + padding: 1.5rem; +} + +.lb-eyebrow { + text-transform: uppercase; + color: var(--lb-accent); + font-size: 0.75rem; + letter-spacing: 0.06em; +} + +.lb-btn { + display: inline-block; + background: var(--lb-accent); + color: #fff; + border: 0; + border-radius: 6px; + padding: 0.65rem 1rem; + cursor: pointer; + font-weight: 600; +} + +.lb-hero__slides { + display: grid; + gap: 0.9rem; +} + +.lb-slide { + position: relative; + min-height: 200px; + border-radius: 12px; + overflow: hidden; + border: 1px solid var(--lb-border); +} + +.lb-slide img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.lb-slide__overlay { + position: absolute; + inset: auto 0 0; + background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); + color: #fff; + padding: 1rem; +} + +.lb-section-heading { + display: flex; + justify-content: space-between; + align-items: baseline; + margin-bottom: 0.8rem; +} + +.lb-category-grid, +.lb-product-grid, +.lb-promo-grid, +.lb-value-grid, +.lb-footer__grid { + display: grid; + gap: 1rem; +} + +.lb-category-grid { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.lb-category { + border: 1px solid var(--lb-border); + border-radius: 10px; + padding: 1rem; + text-align: center; + font-weight: 600; +} + +.lb-featured, +.lb-promos, +.lb-value, +.lb-categories { + margin-block: 2rem; +} + +.lb-product-grid { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.lb-product-card { + border: 1px solid var(--lb-border); + border-radius: 10px; + overflow: hidden; + background: #fff; +} + +.lb-product-card__image, +.lb-product-card__media { + width: 100%; + aspect-ratio: 1 / 1; + object-fit: cover; + display: block; + background: var(--lb-panel); +} + +.lb-product-card__body { + padding: 0.9rem; +} + +.lb-price--sale { + color: var(--lb-accent); + font-weight: 700; + margin-right: 0.5rem; +} + +.lb-promo-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.lb-promo { + border-radius: 12px; + overflow: hidden; + border: 1px solid var(--lb-border); + background: var(--lb-panel); +} + +.lb-promo img { + width: 100%; + display: block; +} + +.lb-promo__content, +.lb-value-item { + padding: 1rem; +} + +.lb-value-grid { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.lb-value-item { + border: 1px solid var(--lb-border); + border-radius: 10px; + background: #fff; +} + +.lb-footer { + background: #0e1218; + color: #d9e0ea; + margin-top: 3rem; + padding: 2rem 0; +} + +.lb-footer__grid { + grid-template-columns: 2fr 1fr 1fr; +} + +.lb-footer h3, +.lb-footer h4 { + color: #fff; + margin-top: 0; +} + +.lb-footer ul { + list-style: none; + padding: 0; + margin: 0; + display: grid; + gap: 0.5rem; +} + +@media (max-width: 1024px) { + .lb-product-grid, + .lb-category-grid, + .lb-value-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lb-hero { + grid-template-columns: 1fr; + } +} + +@media (max-width: 640px) { + .lb-header__inner { + grid-template-columns: 1fr; + gap: 0.75rem; + } + + .lb-nav ul { + overflow-x: auto; + justify-content: flex-start; + padding-bottom: 0.5rem; + } + + .lb-product-grid, + .lb-category-grid, + .lb-promo-grid, + .lb-value-grid, + .lb-footer__grid { + grid-template-columns: 1fr; + } +} diff --git a/shopify/lineboss/layout/theme.liquid b/shopify/lineboss/layout/theme.liquid new file mode 100644 index 0000000000..504f01a814 --- /dev/null +++ b/shopify/lineboss/layout/theme.liquid @@ -0,0 +1,34 @@ + + +
+ + + + + + {%- if settings.favicon != blank -%} + + {%- endif -%} + +Assign a collection in this section to display products.
+{{ section.settings.eyebrow }}
+{{ section.settings.subheading }}
+ {{ section.settings.primary_cta_text }} +{{ block.settings.description }}
+
+ {% if product.compare_at_price > product.price %}
+ {{ product.price | money }}
+ {{ product.compare_at_price | money }}
+ {% else %}
+ {{ product.price | money }}
+ {% endif %}
+
Sold out
+ {% endif %} +