@kennethsolomon/shipkit 3.13.2 → 3.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -6
- package/commands/sk/brainstorm.md +13 -0
- package/commands/sk/execute-plan.md +1 -0
- package/commands/sk/security-check.md +4 -0
- package/commands/sk/website.md +93 -0
- package/commands/sk/write-plan.md +38 -0
- package/package.json +1 -1
- package/skills/sk:autopilot/SKILL.md +0 -1
- package/skills/sk:fast-track/SKILL.md +0 -1
- package/skills/sk:gates/SKILL.md +4 -1
- package/skills/sk:retro/SKILL.md +0 -1
- package/skills/sk:reverse-doc/SKILL.md +0 -1
- package/skills/sk:review/SKILL.md +24 -6
- package/skills/sk:scope-check/SKILL.md +0 -1
- package/skills/sk:setup-claude/templates/commands/brainstorm.md.template +13 -0
- package/skills/sk:setup-claude/templates/commands/execute-plan.md.template +1 -0
- package/skills/sk:setup-claude/templates/commands/security-check.md.template +3 -0
- package/skills/sk:setup-claude/templates/commands/write-plan.md.template +37 -0
- package/skills/sk:start/SKILL.md +0 -1
- package/skills/sk:team/SKILL.md +0 -1
- package/skills/sk:website/SKILL.md +471 -0
- package/skills/sk:website/references/art-direction.md +210 -0
- package/skills/sk:website/references/brief-template.md +121 -0
- package/skills/sk:website/references/content-seo.md +143 -0
- package/skills/sk:website/references/handoff-template.md +261 -0
- package/skills/sk:website/references/launch-checklist.md +99 -0
- package/skills/sk:website/references/niche/accountant.md +75 -0
- package/skills/sk:website/references/niche/agency.md +75 -0
- package/skills/sk:website/references/niche/cafe.md +79 -0
- package/skills/sk:website/references/niche/dentist.md +78 -0
- package/skills/sk:website/references/niche/ecommerce.md +76 -0
- package/skills/sk:website/references/niche/gym.md +75 -0
- package/skills/sk:website/references/niche/home-services.md +76 -0
- package/skills/sk:website/references/niche/law-firm.md +75 -0
- package/skills/sk:website/references/niche/local-business.md +78 -0
- package/skills/sk:website/references/niche/med-spa.md +78 -0
- package/skills/sk:website/references/niche/portfolio.md +77 -0
- package/skills/sk:website/references/niche/real-estate.md +72 -0
- package/skills/sk:website/references/niche/restaurant.md +80 -0
- package/skills/sk:website/references/niche/saas.md +80 -0
- package/skills/sk:website/references/niche/wedding.md +80 -0
- package/skills/sk:website/references/stacks/laravel.md +425 -0
- package/skills/sk:website/references/stacks/nextjs.md +345 -0
- package/skills/sk:website/references/stacks/nuxt.md +374 -0
- package/skills/sk:website/references/whatsapp-cta.md +160 -0
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# Agency / Studio / Consultancy
|
|
2
|
+
|
|
3
|
+
Use for creative agencies, design studios, development firms, marketing consultancies, and any service firm where taste and credibility are core products.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Establish taste immediately — the site IS the portfolio.
|
|
8
|
+
2. Make the offer and audience explicit — agencies often confuse "we do everything" with positioning.
|
|
9
|
+
3. Build trust through work quality, process, and proof — not just claims.
|
|
10
|
+
4. Move visitors toward inquiry or consultation.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (positioning + selected work + CTA)
|
|
15
|
+
- Work / Portfolio (case studies or project grid)
|
|
16
|
+
- Services (what you do, who it's for, how you work)
|
|
17
|
+
- About (team, story, values)
|
|
18
|
+
- Contact (inquiry form)
|
|
19
|
+
|
|
20
|
+
Optional: Case Study detail pages, Process page, Blog, Clients page
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Clear positioning — who you help and what you do for them
|
|
26
|
+
- Avoid: "We create experiences that matter" (vague)
|
|
27
|
+
- Prefer: "Brand strategy and digital design for ambitious B2B companies"
|
|
28
|
+
- CTA: "Start a Project" or "See Our Work"
|
|
29
|
+
|
|
30
|
+
**Selected work:**
|
|
31
|
+
- 3–6 real projects — thumbnail + client name + type of work
|
|
32
|
+
- Never show fake case studies or vague "Project A" placeholders
|
|
33
|
+
- If no portfolio available: skip this section and lead with process/services
|
|
34
|
+
|
|
35
|
+
**Services:**
|
|
36
|
+
- List with brief description — 3–8 services
|
|
37
|
+
- Who benefits from each service
|
|
38
|
+
- How you work (process overview or retainer/project model)
|
|
39
|
+
|
|
40
|
+
**Why work with us:**
|
|
41
|
+
- Specific: years in business, types of clients, notable partnerships if real
|
|
42
|
+
- Process transparency: "We don't start until we understand your goals"
|
|
43
|
+
|
|
44
|
+
**Team / About:**
|
|
45
|
+
- Real photos, real bios — even for small teams
|
|
46
|
+
- Mission or founding story if meaningful
|
|
47
|
+
|
|
48
|
+
## Design guidance
|
|
49
|
+
|
|
50
|
+
- **Art direction:** Restrained Editorial or Bold Brand-Forward — depending on the studio's own personality.
|
|
51
|
+
- The site's design should demonstrate what the agency can do — it's a live portfolio piece.
|
|
52
|
+
- Typography should be intentional and distinctive — not generic sans-serif defaults.
|
|
53
|
+
- Photography of real work, team, and process > stock imagery.
|
|
54
|
+
- Animation and transitions can be more expressive here than other niches.
|
|
55
|
+
|
|
56
|
+
## SEO guidance
|
|
57
|
+
|
|
58
|
+
- Title: "[Agency Name] — [Service] Agency in [City] (if local)"
|
|
59
|
+
- H1: specific positioning statement
|
|
60
|
+
- Target: "[service] agency [city]", "[service] studio", "[niche] design agency"
|
|
61
|
+
- Case study pages are SEO gold — named projects, client industries, outcomes achieved
|
|
62
|
+
- Structured data: `ProfessionalService` or `Organization`
|
|
63
|
+
|
|
64
|
+
## WhatsApp / contact
|
|
65
|
+
|
|
66
|
+
- Contact form with project type + budget range + timeline field
|
|
67
|
+
- WhatsApp optional — appropriate in PH/SEA for smaller studios, less expected for enterprise agencies
|
|
68
|
+
|
|
69
|
+
## Avoid
|
|
70
|
+
|
|
71
|
+
- "We're passionate about design" — everyone says this
|
|
72
|
+
- Vague case studies with no real outcomes or client names
|
|
73
|
+
- Portfolio with no work shown (skip portfolio section instead of showing fake work)
|
|
74
|
+
- Generic stock photos of teamwork and handshakes
|
|
75
|
+
- Overpromising in the hero (claiming to do everything for everyone)
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
# Cafe
|
|
2
|
+
|
|
3
|
+
Use for cafes, coffee shops, bakeries, brunch spots, and hospitality brands where atmosphere and local trust both matter.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Communicate the vibe immediately — people choose cafes by feel before they check the menu.
|
|
8
|
+
2. Make location, hours, and menu access obvious — these are the most searched items.
|
|
9
|
+
3. Encourage in-person visits, reservations, or online orders depending on what the business offers.
|
|
10
|
+
4. Balance brand storytelling with practical information — never let atmosphere hide the basics.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (hero + signature items + atmosphere + location/hours)
|
|
15
|
+
- Menu (full menu or featured items by category)
|
|
16
|
+
- About (brand story, team, sourcing story if relevant)
|
|
17
|
+
- Find Us (location, hours, parking, directions, map embed)
|
|
18
|
+
- Contact (reservation inquiry or general contact)
|
|
19
|
+
|
|
20
|
+
Optional: Gallery, Events, Order Online (if third-party integrated), Press
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Lead with brand atmosphere — warm image, specific place language
|
|
26
|
+
- Sub-headline should be practical: "Specialty espresso and house-made pastries on [Street], [City]"
|
|
27
|
+
- Primary CTA: "Reserve a Spot", "See the Menu", or "Find Us"
|
|
28
|
+
|
|
29
|
+
**Signature offerings:**
|
|
30
|
+
- 3–5 featured items with short, sensory descriptions
|
|
31
|
+
- Real names only — no invented menu items
|
|
32
|
+
|
|
33
|
+
**About / brand story:**
|
|
34
|
+
- When it opened, who runs it, what they care about
|
|
35
|
+
- Sourcing story if meaningful (single-origin, local farms, etc.)
|
|
36
|
+
- Human — not a corporate mission statement
|
|
37
|
+
|
|
38
|
+
**Location + hours block:**
|
|
39
|
+
- Visible on every page (footer at minimum)
|
|
40
|
+
- Hours listed clearly with day ranges
|
|
41
|
+
- Include parking/transit notes if relevant
|
|
42
|
+
- Google Maps embed or link
|
|
43
|
+
|
|
44
|
+
**Reviews / social proof:**
|
|
45
|
+
- Use real review counts from Google or Yelp if available (e.g., "4.8 stars · 240 reviews")
|
|
46
|
+
- Never invent reviews or star ratings
|
|
47
|
+
- Instagram embed or grid if the business has active social
|
|
48
|
+
|
|
49
|
+
## Design guidance
|
|
50
|
+
|
|
51
|
+
- Cafe sites should feel sensory and place-driven, not corporate or tech-startup.
|
|
52
|
+
- **Art direction:** Warm Hospitality is almost always the right choice.
|
|
53
|
+
- Typography: warm serif or humanist sans — pairs like Fraunces + Manrope, Lora + Inter.
|
|
54
|
+
- Palette: warm neutrals — cream, sand, terracotta, olive, espresso brown. One accent.
|
|
55
|
+
- Photography framing: close-ups of food/drink, ambient interior shots, hands-on-cup moments.
|
|
56
|
+
- Use texture (paper grain, linen, concrete) in section backgrounds to create atmosphere.
|
|
57
|
+
- Do not use generic stock coffee imagery — if no real photos exist, use strong typography + color instead.
|
|
58
|
+
|
|
59
|
+
## SEO guidance
|
|
60
|
+
|
|
61
|
+
- Homepage title: "[Cafe Name] — Specialty Coffee in [Neighborhood], [City]"
|
|
62
|
+
- H1: "[Type of cafe] in [Location]" e.g., "Artisan Coffee Shop in Poblacion, Makati"
|
|
63
|
+
- Mention neighborhood + city naturally in hero copy and about section
|
|
64
|
+
- Include opening hours in structured data (LocalBusiness/CafeOrCoffeeShop schema)
|
|
65
|
+
- Target "[coffee shop near me]", "[cafe in [neighborhood]]", "[brunch [city]]"
|
|
66
|
+
|
|
67
|
+
## WhatsApp / contact
|
|
68
|
+
|
|
69
|
+
- WhatsApp is default for reservation inquiries in PH/SEA
|
|
70
|
+
- Pre-filled message: "Hi! I found you on your website. I'd like to inquire about a reservation."
|
|
71
|
+
- If no WhatsApp, use a simple form with Name, Date/Time, Number of Guests fields
|
|
72
|
+
|
|
73
|
+
## Avoid
|
|
74
|
+
|
|
75
|
+
- Overdesigned navigation that hides hours, address, or menu
|
|
76
|
+
- Generic stock images of coffee cups on marble — use real atmosphere or strong type
|
|
77
|
+
- Keyword-stuffed city terms in headlines
|
|
78
|
+
- Treating the site like a SaaS landing page — cafes are experiential, not transactional
|
|
79
|
+
- Hidden or tiny contact info
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# Dentist / Dental Clinic
|
|
2
|
+
|
|
3
|
+
Use for dental clinics, cosmetic dentists, orthodontists, pediatric dentists, and oral care practices.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Build trust fast — dental anxiety is real; the site should feel calm and reassuring.
|
|
8
|
+
2. Explain services clearly — patients often don't know the terminology.
|
|
9
|
+
3. Reduce booking friction — easy appointment scheduling above the fold.
|
|
10
|
+
4. Balance warmth with clinical credibility.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (services overview + trust signals + booking CTA)
|
|
15
|
+
- Services (full service list with brief descriptions)
|
|
16
|
+
- About Us / Meet the Dentist (team profiles + clinic photos)
|
|
17
|
+
- Book an Appointment (form or third-party booking link)
|
|
18
|
+
- Contact (address, hours, map, phone)
|
|
19
|
+
|
|
20
|
+
Optional: FAQ, Before/After Gallery (only with real consented photos), Insurance/Payment page, Blog
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Lead with what you offer and who you serve, not a clever tagline
|
|
26
|
+
- Example: "Family and Cosmetic Dental Care in Quezon City"
|
|
27
|
+
- CTA: "Book an Appointment" — prominently placed
|
|
28
|
+
- Phone number visible
|
|
29
|
+
|
|
30
|
+
**Services:**
|
|
31
|
+
- List all services with a brief, patient-friendly description
|
|
32
|
+
- Group logically: General, Cosmetic, Orthodontic, Pediatric, etc.
|
|
33
|
+
- Avoid jargon — "tooth-colored fillings" not "composite resin restorations"
|
|
34
|
+
|
|
35
|
+
**Meet the dentist / team:**
|
|
36
|
+
- Real photos, credentials (DDS, DMD, specializations), brief personal bio
|
|
37
|
+
- Humanizes the practice — reduces patient anxiety
|
|
38
|
+
|
|
39
|
+
**Trust signals:**
|
|
40
|
+
- Years in practice, number of patients served (if real), certifications, PDA/ADA membership
|
|
41
|
+
- Clinic accreditation if applicable
|
|
42
|
+
- Reviews or patient count — only if real
|
|
43
|
+
|
|
44
|
+
**Booking / appointment CTA:**
|
|
45
|
+
- Simple form: Name, Contact, Preferred date/time, Type of concern
|
|
46
|
+
- Or link to Calendly/SimplyBook or similar
|
|
47
|
+
- WhatsApp for quick scheduling in PH
|
|
48
|
+
|
|
49
|
+
## Design guidance
|
|
50
|
+
|
|
51
|
+
- **Art direction:** Restrained Editorial or Premium Product-Led — clean and calm.
|
|
52
|
+
- Never use garish or overly commercial aesthetics.
|
|
53
|
+
- Typography: clean, legible sans — Inter, Lato, Poppins, or calm serif
|
|
54
|
+
- Palette: soft and clinical — white, soft blue, mint, light grey, warm white
|
|
55
|
+
- Photography: real clinic interior + real team photos are far more effective than stock dental images
|
|
56
|
+
- Motion: minimal or none — calm is the signal
|
|
57
|
+
|
|
58
|
+
## SEO guidance
|
|
59
|
+
|
|
60
|
+
- Title: "[Clinic Name] — Dentist in [City/Neighborhood]"
|
|
61
|
+
- H1: "Dental Clinic in [City]" or "Dentist in [Neighborhood], [City]"
|
|
62
|
+
- Target: "dentist in [city]", "dental clinic near me", "cosmetic dentist [city]"
|
|
63
|
+
- Separate service pages for high-intent searches: "teeth whitening [city]", "braces [city]"
|
|
64
|
+
- Structured data: `Dentist` schema with full address, phone, opening hours
|
|
65
|
+
|
|
66
|
+
## WhatsApp / contact
|
|
67
|
+
|
|
68
|
+
- WhatsApp is high-value for appointment booking in PH — patients message before calling
|
|
69
|
+
- Pre-filled: "Hi! I'd like to book a dental appointment. I found you on your website."
|
|
70
|
+
- Simple booking form as backup
|
|
71
|
+
|
|
72
|
+
## Avoid
|
|
73
|
+
|
|
74
|
+
- Invented patient testimonials or before/after results
|
|
75
|
+
- Generic "dental health" stock imagery
|
|
76
|
+
- Complex navigation that buries the booking CTA
|
|
77
|
+
- Clinical jargon in patient-facing copy
|
|
78
|
+
- Hiding pricing entirely — patients ask "how much is cleaning/braces?" — provide at least a range or "contact for pricing"
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# Ecommerce / Product Catalog
|
|
2
|
+
|
|
3
|
+
Use for product catalogs, DTC brands, product-focused storefronts, and online shops.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Show product value immediately — hero leads with the product.
|
|
8
|
+
2. Reduce friction to browsing or buying — clear category navigation, no distractions.
|
|
9
|
+
3. Build trust: shipping clarity, returns policy, real reviews if available.
|
|
10
|
+
4. Support product discovery without overwhelming.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (featured collection + brand story + trust signals)
|
|
15
|
+
- Shop / Collections (category navigation + product grid)
|
|
16
|
+
- Product detail pages (individual product pages if building a full store)
|
|
17
|
+
- About (brand story + values)
|
|
18
|
+
- Contact (customer support channel + FAQ link)
|
|
19
|
+
|
|
20
|
+
Optional: FAQ, Blog, Wholesale inquiry, Sustainability/Story page
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Lead with the product or collection — not a brand statement
|
|
26
|
+
- Example: "Hand-poured soy candles made in Manila" + "Shop the collection" CTA
|
|
27
|
+
- Featured product or hero collection image: real product photography only
|
|
28
|
+
|
|
29
|
+
**Product grid / collections:**
|
|
30
|
+
- Clear category structure — visitors should know where to click
|
|
31
|
+
- Product card: image + name + price
|
|
32
|
+
- Real products only — no placeholder "Product A"
|
|
33
|
+
|
|
34
|
+
**Trust signals:**
|
|
35
|
+
- Shipping: "Free shipping on orders over [X]" — only if real
|
|
36
|
+
- Returns: "Easy 30-day returns" — only if true
|
|
37
|
+
- Payment methods: show accepted icons (GCash, Maya, credit card, COD if applicable)
|
|
38
|
+
- Review count or testimonial if real
|
|
39
|
+
|
|
40
|
+
**Brand story:**
|
|
41
|
+
- Why this product, who makes it, what makes it different
|
|
42
|
+
- Human and specific — not "quality craftsmanship since [year]" but real details
|
|
43
|
+
|
|
44
|
+
**FAQ / shipping:**
|
|
45
|
+
- When will it ship, how long does delivery take, what's the return process
|
|
46
|
+
- For PH: COD availability is a common question
|
|
47
|
+
|
|
48
|
+
## Design guidance
|
|
49
|
+
|
|
50
|
+
- **Art direction:** Premium Product-Led for considered DTC brands; Playful Contemporary for lifestyle/gift brands.
|
|
51
|
+
- Product imagery is the design backbone — image quality determines conversions.
|
|
52
|
+
- Typography: clean and legible for product names/prices; more expressive for brand headline
|
|
53
|
+
- Palette: neutral background that makes products pop — white, cream, or dark for premium positioning
|
|
54
|
+
- Don't let branding compete with the products themselves
|
|
55
|
+
|
|
56
|
+
## SEO guidance
|
|
57
|
+
|
|
58
|
+
- Title: "[Product Category] | [Brand Name]"
|
|
59
|
+
- H1: "[Product category] — [differentiator]" e.g., "Handmade Soy Candles — Made in Manila"
|
|
60
|
+
- Target: "[product type] Philippines", "[product type] online", "buy [product] [city]"
|
|
61
|
+
- Each product page should have its own unique title + meta description
|
|
62
|
+
- Structured data: `Product` with name, price, availability, image
|
|
63
|
+
|
|
64
|
+
## WhatsApp / contact
|
|
65
|
+
|
|
66
|
+
- WhatsApp for order inquiries and COD in PH — standard for smaller ecommerce brands
|
|
67
|
+
- Pre-filled: "Hi! I have a question about an order / product. I found you on your website."
|
|
68
|
+
- Larger stores: use a dedicated support form instead
|
|
69
|
+
|
|
70
|
+
## Avoid
|
|
71
|
+
|
|
72
|
+
- Placeholder products without real photos or prices
|
|
73
|
+
- Shipping and returns information buried in the footer
|
|
74
|
+
- Complex navigation with too many category levels
|
|
75
|
+
- Invented product reviews or star ratings
|
|
76
|
+
- Dense text blocks competing with product imagery
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# Gym / Fitness Studio / Trainer
|
|
2
|
+
|
|
3
|
+
Use for gyms, fitness studios, yoga and Pilates studios, personal trainers, CrossFit boxes, and coaching brands.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Communicate training style and target audience quickly — visitors are looking for their people.
|
|
8
|
+
2. Make trial, membership, or class booking paths obvious.
|
|
9
|
+
3. Balance energy with clarity — fitness sites can have visual punch but still need structure.
|
|
10
|
+
4. Trust through coaches, credentials, community — not invented transformation claims.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (offer + training vibe + CTA)
|
|
15
|
+
- Classes / Programs (schedule, class types, level descriptions)
|
|
16
|
+
- Coaches / Trainers (team profiles with credentials)
|
|
17
|
+
- Memberships / Pricing (clear tier comparison)
|
|
18
|
+
- Contact (inquiry form + location + map)
|
|
19
|
+
|
|
20
|
+
Optional: Schedule (live or embedded third-party), Gallery, Blog, FAQ
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Set the energy immediately — who trains here and what they achieve
|
|
26
|
+
- Specific: "Strength and conditioning gym in Makati for working professionals"
|
|
27
|
+
- CTA: "Try a Free Class", "Book an Intro", or "Join Now"
|
|
28
|
+
|
|
29
|
+
**Programs / classes:**
|
|
30
|
+
- List class types with level, duration, what to expect
|
|
31
|
+
- Schedule if static (or embed Mindbody/Calendly for dynamic)
|
|
32
|
+
- Don't use generic fitness jargon — write for the beginner considering their first class
|
|
33
|
+
|
|
34
|
+
**Coaches:**
|
|
35
|
+
- Real names, photos (action or portrait), certifications, training philosophy
|
|
36
|
+
- Specific credentials: NSCA, ACE, RYT, etc. — only if real
|
|
37
|
+
|
|
38
|
+
**Memberships / pricing:**
|
|
39
|
+
- Clear tier comparison — monthly vs. annual, class packs vs. unlimited
|
|
40
|
+
- Highlight the best-value option
|
|
41
|
+
- Real pricing only — never invented
|
|
42
|
+
|
|
43
|
+
**Trial / inquiry CTA:**
|
|
44
|
+
- Repeat on every page
|
|
45
|
+
- "Try your first class free" is a high-conversion CTA for fitness
|
|
46
|
+
|
|
47
|
+
## Design guidance
|
|
48
|
+
|
|
49
|
+
- **Art direction:** Bold Brand-Forward (for commercial gyms), Warm Hospitality (for boutique studios), Playful Contemporary (for wellness brands).
|
|
50
|
+
- Energy through color and typography — but structure must remain clear.
|
|
51
|
+
- Typography: strong, confident — Clash Display, Barlow Condensed, DM Sans Bold
|
|
52
|
+
- Palette: high contrast — dark base + vibrant accent (electric blue, neon green, coral)
|
|
53
|
+
- Photography: real training environments, real members (with permission) — not stock gym photos
|
|
54
|
+
- Motion: moderate — entrance animations are expected in this category
|
|
55
|
+
|
|
56
|
+
## SEO guidance
|
|
57
|
+
|
|
58
|
+
- Title: "[Studio Name] — [Type] Gym/Studio in [City]"
|
|
59
|
+
- H1: "[Training type] gym in [City]" e.g., "Functional Fitness Gym in BGC Taguig"
|
|
60
|
+
- Target: "gym in [city]", "yoga studio [city]", "personal trainer [city]", "[class type] classes near me"
|
|
61
|
+
- Structured data: `SportsActivityLocation` or `LocalBusiness`
|
|
62
|
+
|
|
63
|
+
## WhatsApp / contact
|
|
64
|
+
|
|
65
|
+
- WhatsApp for class inquiries — common in PH/SEA fitness market
|
|
66
|
+
- Pre-filled: "Hi! I found you on your website. I'd like to know more about your classes."
|
|
67
|
+
- Trial class booking: simple form or WhatsApp link
|
|
68
|
+
|
|
69
|
+
## Avoid
|
|
70
|
+
|
|
71
|
+
- Invented transformation stories ("Lost 30lbs in 30 days!")
|
|
72
|
+
- Member count or client stats without real data
|
|
73
|
+
- Overanimated pages that take too long to render
|
|
74
|
+
- Dense class grids with no descriptions
|
|
75
|
+
- Hiding pricing — gym-shoppers compare prices and will leave if they can't find them
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# Home Services
|
|
2
|
+
|
|
3
|
+
Use for HVAC, roofing, plumbing, electrical, landscaping, cleaning, pest control, and other home service businesses.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Explain the service and service area in the first sentence — no ambiguity.
|
|
8
|
+
2. Make calling or requesting an estimate as easy as possible — phone number always visible.
|
|
9
|
+
3. Build trust fast with grounded, specific proof.
|
|
10
|
+
4. Keep the page practical and mobile-friendly — home service searches happen from the job site or kitchen table.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (service + location + phone + CTA)
|
|
15
|
+
- Services (all services offered, brief description each)
|
|
16
|
+
- About (who you are, how long you've operated, service area)
|
|
17
|
+
- Contact / Get a Quote (form + phone + service area map)
|
|
18
|
+
- FAQ (common questions about the service, pricing, process)
|
|
19
|
+
|
|
20
|
+
Optional: Service area pages, Testimonials (real only), Before/After Gallery
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Service + location + CTA in the first 5 seconds
|
|
26
|
+
- Example: "Professional Plumbing Services in Metro Manila — 24/7 Emergency Available"
|
|
27
|
+
- Two CTAs: "Call Now: [Phone]" (primary) + "Get a Free Quote" (secondary)
|
|
28
|
+
- Emergency availability if applicable
|
|
29
|
+
|
|
30
|
+
**Services:**
|
|
31
|
+
- List every service with a 1–2 sentence description
|
|
32
|
+
- Avoid technical jargon — say "pipe repair" not "PEX manifold replacement"
|
|
33
|
+
- Note if emergency/same-day service is available
|
|
34
|
+
|
|
35
|
+
**Why choose us:**
|
|
36
|
+
- Specific: years in business, number of jobs completed (if real), licensed/insured status
|
|
37
|
+
- Response time: "We respond within 2 hours" — only if true
|
|
38
|
+
- Guarantee: only if it's a real policy
|
|
39
|
+
|
|
40
|
+
**Service areas:**
|
|
41
|
+
- List cities/municipalities clearly
|
|
42
|
+
- Map embed if helpful
|
|
43
|
+
|
|
44
|
+
**Contact / quote:**
|
|
45
|
+
- Phone number in hero AND footer AND contact page
|
|
46
|
+
- Simple form: Name, Phone, Service needed, Address, Brief description
|
|
47
|
+
- Response time expectation
|
|
48
|
+
|
|
49
|
+
## Design guidance
|
|
50
|
+
|
|
51
|
+
- **Art direction:** Restrained Editorial — dependable, direct, professional.
|
|
52
|
+
- Practical clarity beats visual novelty for home services.
|
|
53
|
+
- Typography: clean and readable — Inter, Source Sans, Lato
|
|
54
|
+
- Palette: trustworthy — navy, forest green, slate blue, or charcoal + white + one accent
|
|
55
|
+
- Photography: real job photos, real team, real vehicles — stock construction imagery is acceptable but real is better
|
|
56
|
+
|
|
57
|
+
## SEO guidance
|
|
58
|
+
|
|
59
|
+
- Title: "[Service] in [City] | [Company Name]"
|
|
60
|
+
- H1: "[Service Type] in [City/Area]" — e.g., "Licensed Electrician in Quezon City"
|
|
61
|
+
- Target: "[service] in [city]", "emergency [service] near me", "[service] [city] price"
|
|
62
|
+
- Service area sub-pages for major cities if operating across multiple areas
|
|
63
|
+
- Structured data: `LocalBusiness` with service area, telephone, address, hours
|
|
64
|
+
|
|
65
|
+
## WhatsApp / contact
|
|
66
|
+
|
|
67
|
+
- WhatsApp for quick job inquiries in PH/SEA — very common for tradespeople
|
|
68
|
+
- Pre-filled: "Hi! I need [service type]. I found you on your website."
|
|
69
|
+
- Phone always in the nav/header for emergency calls
|
|
70
|
+
|
|
71
|
+
## Avoid
|
|
72
|
+
|
|
73
|
+
- Hiding the phone number
|
|
74
|
+
- No emergency contact for businesses that offer emergency services
|
|
75
|
+
- Invented certifications or guarantees
|
|
76
|
+
- Too much design — this category values function and trust over aesthetics
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# Law Firm
|
|
2
|
+
|
|
3
|
+
Use for law firms, solo attorneys, legal practices, and legal service brands.
|
|
4
|
+
|
|
5
|
+
## Priorities
|
|
6
|
+
|
|
7
|
+
1. Establish credibility and professionalism immediately — trust is the primary conversion factor.
|
|
8
|
+
2. Clarify practice areas and who the firm serves — visitors self-qualify before calling.
|
|
9
|
+
3. Make consultation paths obvious — phone and contact form above the fold.
|
|
10
|
+
4. Use trust signals carefully and truthfully — no invented outcomes or rankings.
|
|
11
|
+
|
|
12
|
+
## Default page set
|
|
13
|
+
|
|
14
|
+
- Home (positioning + practice areas + consultation CTA)
|
|
15
|
+
- Practice Areas (or individual pages per area for larger firms)
|
|
16
|
+
- About / Our Team (attorney profiles + credentials)
|
|
17
|
+
- Contact (consultation request form + phone + office address)
|
|
18
|
+
- FAQ (common questions per practice area)
|
|
19
|
+
|
|
20
|
+
Optional: Case Results (only with real data), Blog/Articles, Testimonials (only real ones)
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Clear positioning: who you serve + primary practice area + location
|
|
26
|
+
- Headline: specific and credible — e.g., "Criminal Defense Attorneys in Houston, Texas"
|
|
27
|
+
- Primary CTA: "Schedule a Free Consultation" or "Call Now"
|
|
28
|
+
|
|
29
|
+
**Practice areas:**
|
|
30
|
+
- List with brief description of each area — what types of cases, who qualifies
|
|
31
|
+
- Link each to a dedicated page for SEO depth
|
|
32
|
+
|
|
33
|
+
**Why choose us / differentiators:**
|
|
34
|
+
- Specific: years in practice, notable credentials, bar admissions, jurisdictions covered
|
|
35
|
+
- Never invent: no made-up case outcomes, invented "99% success rates", unverifiable claims
|
|
36
|
+
|
|
37
|
+
**Attorney profiles:**
|
|
38
|
+
- Full name, photo (professional), bar admissions, practice focus, education if relevant
|
|
39
|
+
- Human tone — not just a resume block
|
|
40
|
+
|
|
41
|
+
**Consultation CTA:**
|
|
42
|
+
- Phone number prominently placed
|
|
43
|
+
- Simple form: Name, Email, Phone, Brief description of matter, Preferred contact time
|
|
44
|
+
- Note if initial consultation is free
|
|
45
|
+
|
|
46
|
+
## Design guidance
|
|
47
|
+
|
|
48
|
+
- **Art direction:** Restrained Editorial or Premium Product-Led — both work for legal.
|
|
49
|
+
- Never use Bold Brand-Forward — contradicts the professional credibility expected.
|
|
50
|
+
- Typography: stable, authoritative — Lato, Source Serif, Libre Baskerville, or similar.
|
|
51
|
+
- Palette: navy, charcoal, white, warm grey — one accent (deep blue, forest green, or warm gold).
|
|
52
|
+
- Motion: none or subtle — law firm sites should feel stable, not animated.
|
|
53
|
+
- Photography: real attorney headshots if available; avoid cheesy "handshake" stock photos.
|
|
54
|
+
|
|
55
|
+
## SEO guidance
|
|
56
|
+
|
|
57
|
+
- Homepage title: "[Law Firm Name] — [Primary Practice] Attorneys in [City, State]"
|
|
58
|
+
- H1: "Experienced [Practice Area] Lawyers in [City]"
|
|
59
|
+
- Target: "[practice area] attorney [city]", "[practice area] lawyer near me"
|
|
60
|
+
- Structured data: `LegalService` schema with address, telephone, areaServed
|
|
61
|
+
- Separate pages per practice area help SEO significantly
|
|
62
|
+
|
|
63
|
+
## WhatsApp / contact
|
|
64
|
+
|
|
65
|
+
- WhatsApp appropriate for PH/SEA firms; less common for US/AU/UK
|
|
66
|
+
- Phone number always prominently visible (clients in distress call, not fill forms)
|
|
67
|
+
- Form should include a "brief description of your legal matter" field
|
|
68
|
+
|
|
69
|
+
## Avoid
|
|
70
|
+
|
|
71
|
+
- Invented case outcomes ("$10M settlement" when it's unverifiable)
|
|
72
|
+
- Generic legal stock photography (scales of justice, courthouse columns)
|
|
73
|
+
- Startup-style visual aesthetics — contradicts expected professionalism
|
|
74
|
+
- Burying the phone number
|
|
75
|
+
- Any claims that could be considered false advertising under bar rules
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# Local Business (Default)
|
|
2
|
+
|
|
3
|
+
Use this as the default fallback for any service business tied to a city or region that doesn't match a more specific niche guide.
|
|
4
|
+
|
|
5
|
+
Applies to: appointment-based services, neighborhood shops, local professional services, tradesperson businesses, community-oriented brands.
|
|
6
|
+
|
|
7
|
+
## Priorities
|
|
8
|
+
|
|
9
|
+
1. Explain the service and service area immediately — no ambiguity.
|
|
10
|
+
2. Make contacting or booking simple — visible phone, form, or WhatsApp above the fold.
|
|
11
|
+
3. Build trust with concrete local signals — not vague claims.
|
|
12
|
+
4. Mobile-first — local searches happen on phones.
|
|
13
|
+
|
|
14
|
+
## Default page set
|
|
15
|
+
|
|
16
|
+
- Home (service + location + CTA + key trust signals)
|
|
17
|
+
- Services (what you offer + brief descriptions + pricing approach if applicable)
|
|
18
|
+
- About (who you are, your background, why local)
|
|
19
|
+
- Contact (phone, form, address, map, hours)
|
|
20
|
+
- FAQ (common questions, pricing transparency, process)
|
|
21
|
+
|
|
22
|
+
## Section guidance
|
|
23
|
+
|
|
24
|
+
**Hero:**
|
|
25
|
+
- Service + Location in the first sentence: "Professional [Service] in [City]"
|
|
26
|
+
- CTA: "Get a Free Quote", "Book Now", "Call Us", or "Contact Us"
|
|
27
|
+
- Phone number visible — many local customers call directly
|
|
28
|
+
|
|
29
|
+
**Services overview:**
|
|
30
|
+
- List what you offer clearly — names, brief description, who it's for
|
|
31
|
+
- Avoid jargon your customer wouldn't use
|
|
32
|
+
|
|
33
|
+
**Why choose us:**
|
|
34
|
+
- Specific: years in business, service area, response time, guarantee
|
|
35
|
+
- Nothing invented
|
|
36
|
+
|
|
37
|
+
**Service areas:**
|
|
38
|
+
- List the cities, neighborhoods, or regions served
|
|
39
|
+
- A simple paragraph or tag list is enough
|
|
40
|
+
|
|
41
|
+
**Trust signals:**
|
|
42
|
+
- If real: certifications, licenses, affiliations, review counts
|
|
43
|
+
- Google review widget or "4.8 stars on Google" if verifiable
|
|
44
|
+
|
|
45
|
+
**Contact block:**
|
|
46
|
+
- Phone + email + address (if physical)
|
|
47
|
+
- Hours
|
|
48
|
+
- Simple form: Name, Phone/Email, Message
|
|
49
|
+
- Map embed
|
|
50
|
+
|
|
51
|
+
## Design guidance
|
|
52
|
+
|
|
53
|
+
- **Art direction:** Restrained Editorial or Warm Hospitality depending on type.
|
|
54
|
+
- Clarity always beats trendiness for local businesses.
|
|
55
|
+
- Trust-first: professional photography, real team photos if available.
|
|
56
|
+
- Typography: clean, readable — avoid display fonts that sacrifice legibility.
|
|
57
|
+
- Palette: grounded and professional — navy, forest green, slate, warm white.
|
|
58
|
+
|
|
59
|
+
## SEO guidance
|
|
60
|
+
|
|
61
|
+
- Title: "[Service] in [City] | [Business Name]"
|
|
62
|
+
- H1: "[Service Type] in [City/Neighborhood]"
|
|
63
|
+
- Target: "[service] in [city]", "[service] near me", "[service] [neighborhood]"
|
|
64
|
+
- Structured data: `LocalBusiness` with full address, telephone, hours, areaServed
|
|
65
|
+
- Footer: address, phone, hours always visible for local SEO signals
|
|
66
|
+
|
|
67
|
+
## WhatsApp / contact
|
|
68
|
+
|
|
69
|
+
- Default: inject WhatsApp for all local businesses in PH/SEA
|
|
70
|
+
- Phone number in nav/header, not buried
|
|
71
|
+
- Simple form for non-urgent inquiries
|
|
72
|
+
|
|
73
|
+
## Avoid
|
|
74
|
+
|
|
75
|
+
- Hiding the phone number
|
|
76
|
+
- Vague hero copy that doesn't state what the business does
|
|
77
|
+
- Overdesigned layouts that reduce trust
|
|
78
|
+
- Invented reviews, certifications, or business claims
|