@aglyn/plugins-ai 1.0.0-beta.270 → 1.0.0-beta.272

package/src/lib/model/ai-site-kinds.js

@@ -616,6 +616,11 @@ const ALL_HUES = [
                 'ant-design'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'start',
+                'start',
+                'center'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -639,7 +644,7 @@ const ALL_HUES = [
             headingScale: 1,
             density: 'regular'
         },
-        design: 'Clear and confident: say plainly what the business does and for whom, draw what it offers as cards or a ruled list, and let a photo carry a section that describes the place or the work. Mix plain and soft bands with one brand band where the page most needs it.',
+        design: 'Clear and confident: say plainly what the business does and for whom, draw what it offers as cards or a ruled list, and let a photo carry a section that describes the place or the work. Mix plain and soft bands with one brand band where the page most needs it. The first section opens beside a photo of the work or on a card over it: an eyebrow, a heading that says what the business does, one line and one or two buttons.',
         pages: 'Home, Services, About and Contact are typical; a pricing or booking page where the brief asks for one.'
     },
     {
@@ -725,6 +730,9 @@ const ALL_HUES = [
                 'starter'
             ],
             chroma: 'vivid',
+            headerAligns: [
+                'start'
+            ],
             hues: [
                 [
                     4,
@@ -769,7 +777,7 @@ const ALL_HUES = [
             headingScale: 1.05,
             density: 'compact'
         },
-        design: 'Direct and high-contrast: a big promise and a call-to-action button in the first section, services as a tight grid, trust only as the brief gives it (licensed, insured, years, guarantees), and short, practical copy. Use a dark band and a brand band.',
+        design: 'Direct and high-contrast: a big promise and a call-to-action button in the first section, services as a tight grid, trust only as the brief gives it (licensed, insured, years, guarantees), and short, practical copy. Use a dark band and a brand band. The first section opens over a full-bleed photo of the work, or beside one: a short promise as the heading, one practical line and the quote button first.',
         pages: 'Home, Services, About or Why us, and a Quote or Contact page with the form.'
     },
     {
@@ -819,6 +827,11 @@ const ALL_HUES = [
                 'starter'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'start',
+                'start',
+                'center'
+            ],
             hues: [
                 [
                     210,
@@ -857,7 +870,7 @@ const ALL_HUES = [
             headingScale: 0.95,
             density: 'airy'
         },
-        design: 'Measured and credible: generous space, calm statements, practice areas with short plain explanations, and an unhurried tone with no hard sell. Prefer plain and soft bands, at most one dark band.',
+        design: 'Measured and credible: generous space, calm statements, practice areas with short plain explanations, and an unhurried tone with no hard sell. Prefer plain and soft bands, at most one dark band. The first section opens on a card over a photo of the office or the people, or as large type above a wide photo: a calm heading and one plain line.',
         pages: 'Home, Practice areas or Services, About or Our team, and Contact with a consultation form.'
     },
     {
@@ -928,6 +941,10 @@ const ALL_HUES = [
                 'fluent'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'center',
+                'start'
+            ],
             hues: [
                 [
                     150,
@@ -966,7 +983,7 @@ const ALL_HUES = [
             headingScale: 1,
             density: 'airy'
         },
-        design: 'Reassuring and gentle: warm words that name who it helps, soft cards, answers in plain language, and a low-pressure tone in every call to action. Prefer soft bands, avoid dark ones.',
+        design: 'Reassuring and gentle: warm words that name who it helps, soft cards, answers in plain language, and a low-pressure tone in every call to action. Prefer soft bands, avoid dark ones. The first section opens with half the band a photo of a calm room, or as a centered heading above a wide photo: a gentle heading and one warm line.',
         pages: 'Home, Services or Approach, About, and Book or Contact with the form.'
     },
     {
@@ -1042,6 +1059,11 @@ const ALL_HUES = [
                 'cupertino'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'center',
+                'center',
+                'start'
+            ],
             hues: [
                 [
                     0,
@@ -1075,7 +1097,7 @@ const ALL_HUES = [
             headingScale: 1.1,
             density: 'regular'
         },
-        design: 'Photo-led and inviting: large images of the food and the room, the menu as lines rather than cards where it fits, and warm, sensory copy. Use images generously and a warm brand band.',
+        design: 'Photo-led and inviting: large images of the food and the room, the menu as lines rather than cards where it fits, and warm, sensory copy. Use images generously and a warm brand band. The first section opens with the name or the promise centered over a full-bleed photo of the room or the food, or beside one filling half the band: a few words, one line, the menu and visit buttons.',
         pages: 'Home, Menu, About or Our story, and Visit or Reserve with the form.'
     },
     {
@@ -1135,6 +1157,9 @@ const ALL_HUES = [
                 'material3'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -1156,7 +1181,7 @@ const ALL_HUES = [
             headingScale: 1,
             density: 'regular'
         },
-        design: 'A storefront, like a designer shop theme: a hero that sells, its picture the product itself and its first button Shop all; the bestsellers, which the platform lists with their photos, prices and add to cart; the range by collection as picture tiles; the brand story beside a photo; why buy here as three or four short items each with an icon (shipping, small batch, returns, only as the brief gives them); the store\'s customer reviews, which the platform shows once shoppers leave them; and a newsletter sign-up. Keep copy short and let images lead; never draw the products themselves as cards of your own, and never a band of text alone.',
+        design: 'A storefront, like a designer shop theme: a hero that sells, its picture the product itself and its first button Shop all; the bestsellers, which the platform lists with their photos, prices and add to cart; the range by collection as picture tiles; the brand story beside a photo; why buy here as three or four short items each with an icon (shipping, small batch, returns, only as the brief gives them); the store\'s customer reviews, which the platform shows once shoppers leave them; and a newsletter sign-up. Keep copy short and let images lead; never draw the products themselves as cards of your own, and never a band of text alone. The first section opens beside two pictures of the products, or one: what the shop sells in a short heading and its Shop all button first.',
         pages: 'Home as a storefront: a hero, then sections named "Bestsellers", "Shop by collection" (3 or 4 items), the story, why buy here (3 or 4 items) and "Customer reviews", in the order given above, with "Newsletter sign-up" last. Shop at /shop: a short title section, then "Product grid" second (the platform lists the real products there, with sort, filters, photos, prices and the cart). About, and Contact. Plan no checkout or cart page.'
     },
     {
@@ -1209,6 +1234,10 @@ const ALL_HUES = [
                 'carbon'
             ],
             chroma: 'neutral',
+            headerAligns: [
+                'start',
+                'center'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -1228,7 +1257,7 @@ const ALL_HUES = [
             headingScale: 1.3,
             density: 'airy'
         },
-        design: 'Minimal and image-led: a large, short statement as the title, the work as image cards with one-line captions, and very few words elsewhere. Mostly plain bands, lots of space, big type, one accent color.',
+        design: 'Minimal and image-led: a large, short statement as the title, the work as image cards with one-line captions, and very few words elsewhere. Mostly plain bands, lots of space, big type, one accent color. The first section opens as large type above a wide picture of the work, or beside two pieces: a short statement and a line about the work.',
         pages: 'Home with selected work, Work or Projects, About, and Contact.'
     },
     {
@@ -1283,6 +1312,9 @@ const ALL_HUES = [
                 'cupertino'
             ],
             chroma: 'neutral',
+            headerAligns: [
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -1302,7 +1334,7 @@ const ALL_HUES = [
             headingScale: 1.3,
             density: 'airy'
         },
-        design: 'Confident and editorial: oversized statements, case studies as large image cards with the outcome in a line, services as a short list, and a bold dark band where the page needs weight.',
+        design: 'Confident and editorial: oversized statements, case studies as large image cards with the outcome in a line, services as a short list, and a bold dark band where the page needs weight. The first section opens as an oversized statement above a wide picture of the work, or over a full-bleed one: a statement of a few words and a line about what the studio does.',
         pages: 'Home, Work or Case studies, Services, About, and Contact or Start a project.'
     },
     {
@@ -1338,6 +1370,10 @@ const ALL_HUES = [
                 'carbon'
             ],
             chroma: 'neutral',
+            headerAligns: [
+                'center',
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -1356,7 +1392,7 @@ const ALL_HUES = [
             headingScale: 1.2,
             density: 'airy'
         },
-        design: 'Gallery-first: full images, galleries as image cards by subject, few words, packages only as the brief gives them. Many images, mostly plain bands and one dark band.',
+        design: 'Gallery-first: full images, galleries as image cards by subject, few words, packages only as the brief gives them. Many images, mostly plain bands and one dark band. The first section opens as large type above a wide photo, or with the words centered over a full-bleed one: a few words, and the booking button.',
         pages: 'Home, Galleries or Portfolio, About, and Book or Contact with the form.'
     },
     {
@@ -1407,6 +1443,11 @@ const ALL_HUES = [
                 'cupertino'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'center',
+                'center',
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -1426,7 +1467,7 @@ const ALL_HUES = [
             headingScale: 1.05,
             density: 'airy'
         },
-        design: 'Reading-first: a narrow, calm measure, writing as cards with a title and a one-line summary, topics as a list, and a quiet, personal voice. Mostly plain bands.',
+        design: 'Reading-first: a narrow, calm measure, writing as cards with a title and a one-line summary, topics as a list, and a quiet, personal voice. Mostly plain bands. The first section opens as a centered masthead above the lead picture, or as large type above a wide one: the blog\'s name or promise and one line about what it covers.',
         pages: 'Home, Articles presenting the writing as cards, About, and Subscribe or Contact. Posts themselves are added in Data as a collection, so plan the articles page as an introduction and a few featured cards.'
     },
     {
@@ -1478,6 +1519,11 @@ const ALL_HUES = [
                 'starter'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'center',
+                'center',
+                'start'
+            ],
             hues: [
                 [
                     320,
@@ -1520,7 +1566,7 @@ const ALL_HUES = [
             headingScale: 1.2,
             density: 'regular'
         },
-        design: 'Celebratory and clear: the name and what it is in big type, when and where only as the brief gives them, the schedule as steps, and the details guests ask about as an FAQ. One brand band.',
+        design: 'Celebratory and clear: the name and what it is in big type, when and where only as the brief gives them, the schedule as steps, and the details guests ask about as an FAQ. One brand band. The first section opens beside two pictures of the day, or with its name centered over a full-bleed photo: the name, what it is, and the main action.',
         pages: 'Home, Schedule or Details, Travel or Venue where the brief names one, and RSVP or Register with the form.'
     },
     {
@@ -1602,6 +1648,9 @@ const ALL_HUES = [
                 'material3'
             ],
             chroma: 'vivid',
+            headerAligns: [
+                'start'
+            ],
             hues: [
                 [
                     0,
@@ -1638,7 +1687,7 @@ const ALL_HUES = [
             headingScale: 1.15,
             density: 'compact'
         },
-        design: 'High-energy: punchy headlines, strong buttons, classes or programs as cards and short, motivating copy. Use a dark band and a brand band.',
+        design: 'High-energy: punchy headlines, strong buttons, classes or programs as cards and short, motivating copy. Use a dark band and a brand band. The first section opens with half the band a photo of training and a loud headline in the other, or over a full-bleed photo: a punchy heading, one line and the join button.',
         pages: 'Home, Classes or Programs, About or Coaches, and Join or Contact with the form.'
     },
     {
@@ -1674,6 +1723,11 @@ const ALL_HUES = [
                 'fluent'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'center',
+                'center',
+                'start'
+            ],
             hues: [
                 [
                     20,
@@ -1711,7 +1765,7 @@ const ALL_HUES = [
             headingScale: 1.05,
             density: 'airy'
         },
-        design: 'Calm and spacious: quiet headlines, classes as soft cards, gentle copy and lots of space. Soft bands, no dark band.',
+        design: 'Calm and spacious: quiet headlines, classes as soft cards, gentle copy and lots of space. Soft bands, no dark band. The first section opens as a quiet centered heading above a wide photo of the space, or beside one: a calm heading and one gentle line.',
         pages: 'Home, Classes or Schedule, About, and Book or Contact with the form.'
     },
     {
@@ -1761,6 +1815,10 @@ const ALL_HUES = [
                 'minimal'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'center',
+                'start'
+            ],
             hues: [
                 [
                     320,
@@ -1800,7 +1858,7 @@ const ALL_HUES = [
             headingScale: 1.1,
             density: 'regular'
         },
-        design: 'Stylish and image-led: striking images, services as a menu or cards, the look and feel of the place in pictures, and booking made obvious. One brand band.',
+        design: 'Stylish and image-led: striking images, services as a menu or cards, the look and feel of the place in pictures, and booking made obvious. One brand band. The first section opens beside two pictures of the work and the place, or with half the band one: a stylish heading, one line and the booking button.',
         pages: 'Home, Services, About or The team, and Book or Contact with the form.'
     },
     {
@@ -1845,6 +1903,11 @@ const ALL_HUES = [
                 'carbon'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'start',
+                'start',
+                'center'
+            ],
             hues: [
                 [
                     200,
@@ -1882,7 +1945,7 @@ const ALL_HUES = [
             headingScale: 1.05,
             density: 'regular'
         },
-        design: 'Polished and local: image-led sections, the areas served by name only as the brief gives them, listings only as image cards the owner fills in, and confident, local copy. One dark band.',
+        design: 'Polished and local: image-led sections, the areas served by name only as the brief gives them, listings only as image cards the owner fills in, and confident, local copy. One dark band. The first section opens on a card over a full-bleed photo of a home, or under a scrim over one: a confident local heading, one line and the main action.',
         pages: 'Home, Buy or Listings, Sell, About, and Contact with the form.'
     },
     {
@@ -1936,6 +1999,11 @@ const ALL_HUES = [
                 'material-ui'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'start',
+                'start',
+                'center'
+            ],
             hues: [
                 [
                     200,
@@ -1974,7 +2042,7 @@ const ALL_HUES = [
             headingScale: 1,
             density: 'regular'
         },
-        design: 'Clear and encouraging: who it is for and the result they get in plain words, courses or subjects as cards, steps where something happens in order, and an FAQ where people have questions.',
+        design: 'Clear and encouraging: who it is for and the result they get in plain words, courses or subjects as cards, steps where something happens in order, and an FAQ where people have questions. The first section opens beside a photo of learning, or with a round photo of the teacher over the words: who it is for and the result, in a heading and one line.',
         pages: 'Home, Courses or Lessons, About or Teachers, and Enroll or Contact with the form.'
     },
     {
@@ -2057,6 +2125,11 @@ const ALL_HUES = [
                 'starter'
             ],
             chroma: 'balanced',
+            headerAligns: [
+                'start',
+                'start',
+                'center'
+            ],
             hues: [
                 [
                     130,
@@ -2094,7 +2167,7 @@ const ALL_HUES = [
             headingScale: 1.05,
             density: 'regular'
         },
-        design: 'Mission-led: the cause in one strong line, what the organization does as cards, how to help as steps (volunteer, give, spread the word), and hopeful, concrete copy. A brand band for the call to help.',
+        design: 'Mission-led: the cause in one strong line, what the organization does as cards, how to help as steps (volunteer, give, spread the word), and hopeful, concrete copy. A brand band for the call to help. The first section opens over a full-bleed photo of the people it serves, or beside two pictures: the cause in one strong line and the help button first.',
         pages: 'Home, Our work or Programs, About, and Get involved or Contact with the form.'
     },
     {
@@ -2173,6 +2246,10 @@ const ALL_HUES = [
                 'material-ui'
             ],
             chroma: 'vivid',
+            headerAligns: [
+                'center',
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -2192,7 +2269,7 @@ const ALL_HUES = [
             headingScale: 1.3,
             density: 'regular'
         },
-        design: 'Loud and visual: the name huge, image bands, a listen section where the platform places a music player for the artist’s own tracks, releases or shows as image cards only as the brief gives them, and a short bio. Dark bands are welcome. Never name or link songs by other artists.',
+        design: 'Loud and visual: the name huge, image bands, a listen section where the platform places a music player for the artist’s own tracks, releases or shows as image cards only as the brief gives them, and a short bio. Dark bands are welcome. Never name or link songs by other artists. The first section opens with the name huge over a full-bleed photo, set at the start or centered: the name, one line and the listen or shows button.',
         pages: 'Home, Music or Shows, About, and Booking or Contact with the form.'
     },
     {
@@ -2234,6 +2311,10 @@ const ALL_HUES = [
                 'fluent'
             ],
             chroma: 'muted',
+            headerAligns: [
+                'center',
+                'start'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -2255,7 +2336,7 @@ const ALL_HUES = [
             headingScale: 1.1,
             density: 'airy'
         },
-        design: 'Simple and personal: who the person is in one line, what they do in plain words, experience or highlights as a list or steps, selected work as cards where the brief names some. Mostly plain bands.',
+        design: 'Simple and personal: who the person is in one line, what they do in plain words, experience or highlights as a list or steps, selected work as cards where the brief names some. Mostly plain bands. The first section opens with a round portrait over the words, or as a centered heading above a wide photo: who the person is in one line and what they do.',
         pages: 'Home, About or Experience, Work where the brief names some, and Contact.'
     },
     {
@@ -2299,6 +2380,10 @@ const ALL_HUES = [
                 'ant-design'
             ],
             chroma: 'vivid',
+            headerAligns: [
+                'start',
+                'center'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -2320,7 +2405,7 @@ const ALL_HUES = [
             headingScale: 1.15,
             density: 'regular'
         },
-        design: 'One action: a strong promise and the call to action in the first section, benefits as cards, how it works as steps, objections answered as an FAQ, and the call to action repeated. A brand band where the page asks.',
+        design: 'One action: a strong promise and the call to action in the first section, benefits as cards, how it works as steps, objections answered as an FAQ, and the call to action repeated. A brand band where the page asks. The first section opens with the promise centered above a wide picture of the offer, or over a full-bleed photo: a strong promise, one line and the call to action.',
         pages: 'One long home page carries the story; a second page only for the form or details the brief asks for.'
     },
     {
@@ -2348,6 +2433,9 @@ const ALL_HUES = [
                 'cupertino'
             ],
             chroma: 'vivid',
+            headerAligns: [
+                'center'
+            ],
             hues: ALL_HUES,
             grounds: [
                 'white',
@@ -2368,7 +2456,7 @@ const ALL_HUES = [
             headingScale: 1.3,
             density: 'airy'
         },
-        design: 'Short and striking: what is coming in one big line, two or three reasons to care, and a way to hear first through the form. Few sections, big type.',
+        design: 'Short and striking: what is coming in one big line, two or three reasons to care, and a way to hear first through the form. Few sections, big type. The first section opens with one big line centered over a full-bleed photo, or on a card over one: what is coming and the sign-up button.',
         pages: 'A home page that says what is coming and invites people to sign up; nothing else unless the brief asks.'
     }
 ];