# Solar Operations Maturity Institute (SOM Institute) · Variant 1 · "Meridian" Research-institute / editorial. The site reads like a well-set journal article: a thesis, an argument in numbered parts, figures with captions, and a margin column that carries the section labels. Credibility comes from the partners who run the benchmark and from the model itself, so the design gets out of the way of both. Rules, numerals and type do the work; there are no cards, no stock imagery and no illustration beyond one geometric figure. Open `index.html` straight from the file system. Every path is relative. --- ## 1. Concept A **meridian** is the line the sun crosses at its highest point: solar noon. The brand idea is the model's 0–5 spine drawn as the sun's path from the horizon to the meridian. Level 0 sits on the horizon as an empty ring (*blind*). Level 5 is the sun at the meridian (*optimised & quantified*). Every area of the model climbs the same arc. That one image becomes the mark, the hero figure (Fig. 1), the level glyphs used throughout, and the faint artwork behind the closing band. The name suits the direction: the **Solar Operations Maturity Institute** (**SOM Institute**) is an institute's name on a research-institute design, so the site reads as the Institute's own journal, setting out its model and its first instrument, the survey. The wordmark is **SOMInstitute**: one word, with the four capitals S, O, M and I upright and the rest of "Institute" in italic, and the full name in small type beneath it (§4). The sun stays in the mark; the letters never take the amber. The landing page is written as a long-form argument, top to bottom: 1. **Thesis**: "A shared standard for how well solar is run." The lede introduces the Solar Operations Maturity Institute (SOM Institute) and the two things it brings together, the model and the benchmark, and names no organisation, so the partners are billed once, together, in point 7. 2. **The case**: what "well run" means, argued only from the model's own level descriptions (level 0 versus level 4–5 statements). No invented statistics. 3. **The model**: one spine, a worked specimen (Monitoring at levels 0 and 5), and the seven areas. 4. **Who it is for**: the four survey paths in the survey's own words, plus the secondary readers (funders, boards, landlords). 5. **What you receive**: the three things, and when results arrive. 6. **How it works**: the survey's anatomy and how levels are read, on the page's one tinted band. 7. **Partners**: the four names in one equal row, then one line saying the model was developed by SolrBoost, linking to the model history. 8. **Coda**: the ask, on night navy. ## 2. Palette | Token | Hex | Role | Contrast | |---|---|---|---| | `--paper` | `#fbfaf6` | Page ground, warm paper | — | | `--paper-2` | `#f3f0e7` | The one tinted band per page (methods / how it works). Never a card. | — | | `--ink` | `#0f2241` | Deep navy: all primary text, weighted rules, the mark | 15.2:1 on paper | | `--ink-2` | `#33415c` | Secondary text (descriptions, intros) | 9.8:1 on paper | | `--muted` | `#56627a` | Labels, captions, kickers | 5.9:1 on paper (5.4:1 on the band) | | `--rule` | `#d9d3c4` | Hairlines between rows. Decorative only. | — | | `--amber` | `#f4a71d` | **The single accent, "solar amber"** | navy on amber 7.8:1 | | `--amber-deep` | `#e08f08` | Button hover | navy on it 6.1:1 | | `--amber-edge` | `#b67400` | 1px edge of the amber button, so the pill's boundary holds 3.7:1 against paper | 3.7:1 on paper | | `--night` | `#0b1a33` | Closing band and footer | — | | `--night-ink` | `#eef0f4` | Text on night | 15.2:1 | | `--night-muted` | `#b4bdcd` | Secondary text on night | 9.2:1 | **Amber discipline.** Amber means "the sun", and appears in exactly four places: - the mark's level-5 node; - the level-5 glyph wherever the ladder appears; - the sun in the figures; - the survey button. The visual rule is therefore "amber is where you are heading", and the button is literally the sun. Amber is never set as text on paper (it would be 1.9:1). On night navy amber reaches 8.6:1, which is why the focus ring switches to amber there. All text on the original four pages was checked by script at 360 px and 1280 px. The lowest ratio found was 5.38:1 (a muted label on the tinted band), and nothing failed AA. The 2026-10-07 additions (the history page, the partner row, the footer colophon) use only the token pairs in this table, so the same floor should hold; they have been checked by calculation, not yet by that script. ## 3. Type | Use | Family | Fallbacks (offline) | |---|---|---| | Display: headlines, ledes, level numerals, area names, partner names, the wordmark | **Newsreader** (Google Fonts, variable, optical sizes 6–72, roman + italic) | Iowan Old Style → Sitka Text → Charter → Cambria → Georgia → serif | | Reading and interface: body, nav, labels, buttons, captions | **Source Sans 3** (Google Fonts, variable) | Source Sans Pro → system UI (-apple-system, Segoe UI, Roboto) → Helvetica Neue → Arial | - Newsreader was chosen over Fraunces because it reads as *journal* rather than *lifestyle*. Its optical sizes keep display settings fine and small sizes sturdy, and its italic is distinctive enough to carry the wordmark. - Source Sans 3 is humanist and comfortable for long reading at 17–18 px, which a long-form landing page needs. - The scale is fluid (`clamp()`), from a 40 px headline on a 360 px phone to 72 px at desktop. All sizes are tokens at the top of `styles.css`. - **Uppercase sans labels** (13 px, 0.14em tracking, bold) do the journal's small-caps job: kickers, row labels, the level names on each rung. - **One drop cap** opens the argument on the landing page. It is used once only. ### Numeral grammar Numbers carry meaning, so each kind has its own form: - **Levels** are Arabic 0–5, set large in Newsreader. These are the only big numerals on the site. 0 sits in an empty ring; 5 sits on an amber disc. - **Areas** are Roman I–VII, small and muted. - **Survey anatomy** is spelled out ("Seven areas. Thirteen rated questions. One yes-or-no question."), so no statistic-looking number ever competes with the levels. - **Steps and sequences** use small labels ("Step 1", "First"). ## 4. The mark and the wordmark `assets/mark.svg`, `assets/logo.svg` (lockup), `assets/logo-reversed.svg` (for night grounds) and `assets/favicon.svg`. - Geometry, all on a 48-unit grid: - A horizon and a meridian cross where the observer stands. - A quarter circle (radius 30) is centred on that point. - Six nodes sit on it at equal 18° steps, from 180° to 90°. - Reading left to right and upward: - 0 is an **empty ring on the horizon** (blind); - 1–4 are navy dots that grow at each step; - 5 is the **amber sun on the meridian**. - It reads as a sun-arc, as a measuring instrument (protractor, sextant) and as the 0→5 progression, all at once. - At 16–32 px the favicon keeps only the horizon, meridian, arc, ring and sun, on a navy tile. - **Wordmark: SOMInstitute**, one word, in Newsreader. The four capitals S, O, M and I stand upright in the semibold (600), lightly spaced (0.02em); the rest of "Institute" turns into Newsreader's italic at the site's display weight (450). The change of posture after the I is what sets the capitals apart: they read as one upright block, and the word still reads as *SOM Institute*. The italic is the site's own voice (captions, quotations, what each area covers), so this is the Meridian way of marking letters out. - **The full name** sits under the wordmark in the small sans: "Solar Operations Maturity Institute", 11 px (half the wordmark's 22 px), weight 500, in the muted ink (night-muted in the footer). It is shown at every width, in the masthead and the footer, because the two-line lockup is narrower than the old one-line name (measurements in the rename note at the end). - **No amber in the letters.** Amber means the sun (§2) and is 1.9:1 as text on paper. The mark beside the wordmark already carries the accent, so the letters keep the text colour: navy on paper, night ink in the footer. - In `logo.svg` and `logo-reversed.svg` the capitals' tops sit level with the top of the sun and the full name sits on the mark's horizon line, so the two lines span the mark. - In the pages the mark is inline SVG via ``/``. The level-0 ring takes its fill from `--mark-ground`, so it stays hollow on paper and on night. - **Honest caveat:** both lines of the lockup in `logo.svg` and `logo-reversed.svg` are live SVG text (Newsreader, falling back to Georgia; Source Sans 3, falling back to Segoe UI or Arial). Outline them before the logo is used in print or production. ## 5. Layout system - **Wrap**: 72 rem maximum plus fluid gutters (20 px on a 360 px phone, up to 56 px). - **Margin column**: from 60 em up, each section is a two-column grid. A 11.5 rem margin carries the section label (a 2 px navy rule over an uppercase kicker), and the label **rides down the margin like a running head** (`position: sticky`) while the section scrolls. The text column holds a ~37 rem measure. On phones the label sits above the heading. - **Rules, not boxes**: hairline rules separate rows, heavier 2 px navy rules open a list or a column, and a single tinted band marks the "methods" section. Nothing on the site is a card. - **Figures** are captioned journal-style ("**Fig. 1** …"). ### The model page The model page is seven chapters, one per area: - **The area's head** (Roman numeral, name, "what it covers" in italic) stays pinned in the margin beside its ladder. - **The ladder** is an ordered list of six rungs. Each rung carries its level glyph, the spine name (BLIND … OPTIMISED & QUANTIFIED), the area's short title and the verbatim one-line description. - **A meridian line** joins the glyphs from the empty ring to the amber sun, so every ladder repeats the mark. - **An index by level** closes the page. It reads the matrix the other way, giving what each level is called in all seven areas. This shows the "one spine" comparability without a dense 7×6 table (which would need horizontal scrolling on a phone). ## 6. The always-visible survey CTA The brief asks for a slim fixed top bar whose "Take the survey" button never leaves the viewport, collapsing to a fixed pill on mobile, without covering content or the nav on a phone. It is built from **one element**: the nav's last item. The survey link is genuinely part of the shared nav (Home · About · The model · Model history · Take the survey) at every size. - **Desktop (≥ 60 em / 960 px).** - The masthead is a 64 px bar, `position: fixed`, paper with a hairline below. The body is offset by the bar's height and anchors use `scroll-padding-top`, so nothing hides under it. - The amber pill sits at the bar's right-hand end, preceded at ≥ 75 em by "Under ten minutes". - The current page is marked by a 2 px navy rule that sits on the bar's own bottom rule. - **Phones and tablets (< 60 em).** - The masthead scrolls away normally (brand, then Home · About · The model · Model history; on the narrowest phones, or with a wider fallback font, the last link wraps to a second line rather than causing a sideways scroll). The CTA item detaches into the **folio**: a paper strip fixed to the bottom edge, with a hairline above it, like the running footer of a printed page. It carries "Under ten minutes" and the pill, the same unit as the desktop bar's right-hand end. - On tablets (≥ 40 em) the two travel together at the right; below 360 px the note drops and the pill centres. The strip respects `env(safe-area-inset-bottom)`. - **Why a folio rather than a free-floating pill.** - The first build floated the pill over the text. At 360 × 780 it sat on top of running paragraphs mid-scroll, which is exactly what the brief forbids. - The folio gives the pill an opaque lane of its own. Content scrolls into it as it would under any toolbar, but nothing is ever stranded behind it: the footer reserves the folio's height, and `scroll-padding-bottom` keeps anchors and keyboard focus clear of it. - It never touches the nav, which is at the top. - **Verified by script on the original four pages at 360 × 780 and 1280 × 800 (2026-10-06).** At every 150 px scroll step, the button's centre was in the viewport and was the topmost element there. No horizontal scroll at 360 px. Every tap target is at least 44 px (most are 46 px). `history.html` (2026-10-07) uses the same masthead and folio markup but has not yet been run through that script; see the change note at the end. - **Destination.** Every survey link carries `data-survey` and a static `href` to the same file, as a no-JavaScript fallback (see the review amendments). `site.js` sets them all from one constant, `SURVEY_URL = '../solrboost_maturity_survey_v4.html'`, and they open in the same tab (checked by clicking through). ## 7. Content and honesty - **Copy uses only the brief's §4 facts.** The seven areas, the short titles and the one-line descriptions are verbatim; apostrophes are typeset curly. The four paths quote the survey's wording. - **No statistics, testimonials, logos, photographs or invented partners.** - **No score, percentage or benchmark is shown anywhere.** The word "score" appears only in the scoring rule, "left unrated rather than scored zero". - **Partners** are text in the site's own type, with equal billing and always in the same order: "University of Cape Town", "TruePoint South Africa", "Partnerships for Growth (P4G)", "SolrBoost". The model is attributed to SolrBoost; the benchmark is run in partnership with the other three (brief §8). Every partner wordmark, and every full mention of a benchmark partner, is wrapped in `data-partner="…"`, and `site.js` rewrites them all from one `PARTNERS` list, so a spelling change is a one-line edit to the rendered site. The HTML keeps the same text as a no-JavaScript fallback, and the meta descriptions now name the partners too, so a spelling change also needs a find-and-replace across the pages. - **The only email address** on the site is paul@solrboost.co.za: in the privacy note's removal row and as the footer's removal-request contact. - **Locale**: South African English (optimised, organisation, Rands; "Eskom or the municipal supply" in the losses list). `lang="en-ZA"`. ## 8. Accessibility - **Landmarks**: header, main nav, main, footer and a labelled footer nav; the landing page also has an "On this page" nav. - **Skip link** to `#main`. - **Headings**: one `h1` per page and no skipped levels. - **Lists**: ordered lists keep their semantics; `role="list"` is set because `list-style: none` can drop them in Safari. - **Level glyphs** are `aria-hidden`, each paired with visually hidden text ("Level 3, Systematic"). Roman numerals are hidden and replaced with "Area 3 of 7". - **Focus**: a 3 px navy outline with a 3 px offset, switching to amber on night grounds. Checked by keyboard. - **Figures** carry `role="img"`, `` and `<desc>`; decorative art is `aria-hidden`. - **Motion** is opt-in. The hero figure draws itself once, but only when `site.js` sees a visible page and no `prefers-reduced-motion: reduce`. The finished static figure is the default, and the animation class is always removed after 2.6 s, so a throttled tab, a print or a screenshot can never show a half-drawn or blank figure. Smooth scrolling is likewise behind `no-preference`, and a global reduced-motion rule neutralises the remaining transitions. - **Print**: a print stylesheet removes the bar, folio and survey buttons. - **Light only**: dark mode is not implemented. The brief makes it optional, and the identity is built on paper. ## 9. Files ``` index.html the argument: thesis, case, model, who it is for, what you receive, how it works, partners, coda about.html the initiative, the model and the benchmark, why a standard, who it helps, how the survey works, your answers model.html the spine, how a level is read, contents, seven ladders, index by level history.html where the model comes from: CMM, why it fits, what was kept and changed, how it was built, the benchmark privacy.html the short privacy note styles.css all styling; tokens at the top site.js SURVEY_URL, PARTNERS, and the optional hero draw-on assets/ mark.svg, logo.svg, logo-reversed.svg, favicon.svg, meridian-figure.svg (Fig. 1 as a file) ``` ## 10. Elements worth keeping (if mixing variants) 1. **The meridian mark and its level glyphs**: the empty ring at 0, the amber sun at 5. One idea that works as logo, favicon, figure and data glyph. 2. **The folio**: a CTA that is always visible on phones but never floats over text. 3. **The ladder with a meridian line through the glyphs**: a 7 × 6 model made readable on a phone without a table. 4. **The index by level**: the matrix read the other way, for cross-area comparison. 5. **Running-head section labels** in a sticky margin column. 6. **Amber discipline**: one accent, one meaning ("where you are heading"), and the button is the sun. 7. **The argument built from the model's own words**: persuasion with no claims the brief cannot support. 8. **The two-ladder table** (history page): CMM beside the SOM Institute's ladder, the level column drawn as the mark, so the added level 0 is visible at a glance. 9. **The SOMInstitute lockup**: the four capitals upright, the rest of the word in italic, the full name beneath. Narrower than the old name, so it fits every masthead width. ## 11. Deviations and open questions - **Pill in a strip, not free-floating.** The brief says "collapsing to a fixed pill on mobile". The pill is fixed and still a pill, but it sits in a quiet paper strip (the folio) so it cannot cover content; see §6. If a free-floating pill is preferred, remove the strip's background and border, and accept text passing under it. - **Partners on the survey page.** Resolved 2026-10-07: the site now names the same three benchmark partners as the survey's consent text, with SolrBoost as the model's developer (brief §8; see the change note). - **Survey length.** The survey's own intro says "about eight minutes"; the brief says "under ten minutes". The site uses the brief's wording. Worth aligning the two. - **Retention.** The brief gives 12 months as a *suggested* retention period. The privacy note states it plainly, so confirm it before anything is published. - **JavaScript dependence.** Survey links carry a static `href` as well as `data-survey`, so they work without JavaScript (see the review amendments); `SURVEY_URL` in `site.js` stays the one place to change the destination, plus a find-and-replace for the fallbacks. Partner names fall back to the HTML text. - **Fonts.** Newsreader and Source Sans 3 load from Google Fonts at runtime. Offline, the system fallbacks listed in §3 take over, and the layout still holds. - **Logo text** in `logo.svg` is live text, not outlines (see §4). --- ## Review amendments (2026-10-06, reviewer) - Every survey anchor now carries `href="../solrboost_maturity_survey_v4.html"` in the markup as a no-JavaScript fallback; `site.js` still sets it from the single constant on load, so the production URL is still changed in one place (and, if the fallback should follow, with one find-and-replace across the pages). - Every page carries `<meta name="robots" content="noindex, nofollow">` while the three drafts sit on the production domain. Remove it from the variant that goes live. --- ## Partner wording and model history (2026-10-07) Owner decisions of 2026-10-07 (brief §8). Nobody is described as a founder any more, anywhere: the SOM Institute maturity model was developed by SolrBoost, and the SOM Institute benchmark is run in partnership with the University of Cape Town, TruePoint South Africa and Partnerships for Growth (P4G). Earlier sections of this file have been brought into line; this note records what changed. (Quoted copy is given under the name adopted later the same day; see the rename note at the end.) ### What changed - **Landing page.** The "Founders" section (one large serif name per line) is now the single partner block: margin label "Partners", heading "Run in partnership with", then the four names in one ruled row, set identically (Newsreader 450, same size and line height) in equal grid columns, in the brief's order: University of Cape Town · TruePoint South Africa · Partnerships for Growth (P4G) · SolrBoost. Under the row, one small muted line: "The maturity model behind the SOM Institute was developed by SolrBoost.", then "Read the model history" (→ history.html). The hero lede no longer names any organisation, so this block is the only place on the page that bills the partners (the footer colophon aside). "On this page" now says "Partners". - "One row" holds from 48 em. Four names cannot share a line at 360 px, so the row folds to a ruled list on phones and to two by two from 30 em; the order and the type are the same at every width. - **About.** The founders section is replaced by "The model, and the benchmark." (margin label "Partners"): the §8.2 long form verbatim, the same row of four, and a link to the model history. The page-head lede now says what the SOM Institute is (an initiative in two parts: a model and a benchmark built on it) instead of who founded it. - **Privacy.** A first row, "Model and benchmark", carries the long form verbatim; the lede and the "What the partners receive" row both name the three benchmark partners. "Research partners" is now "benchmark partners" everywhere, so it is never confused with the independent research partner on the history page. - **Footer, every page.** The "Founded by" column is gone. The §8.2 short form is the footer's colophon, a full-width line above the base row: "Model by SolrBoost · Benchmark partners: University of Cape Town · TruePoint South Africa · Partnerships for Growth (P4G)". The four names are in the brighter night ink and the labels in the muted ink, so no name is billed above another, and each name keeps its separator when the line wraps. The grid is now three columns (brand, pages, your data), the tagline no longer says the initiative builds the model, and "Model history" is in the pages list. - **Titles and meta descriptions.** No title said founders. The meta descriptions now name the model's developer and, where they describe the initiative or the data, the three benchmark partners (§7 used to say the reverse). - **site.js.** `FOUNDERS` is now `PARTNERS`, with four entries (uct, truepoint, p4g, solrboost) in display order, and `data-founder` is now `data-partner`. Wrapped: every partner wordmark (the rows and the footer) and every full mention of a benchmark partner. Deliberately plain text: prose naming SolrBoost as the model's developer or the survey's operator, and "P4G" used alone after a first mention. Every name is also in the static HTML, so a page without JavaScript is complete. - **Nav.** "Model history" follows "The model" in the shared nav on every page, so the survey link is now the fifth item. Widths were measured with the offline fallback fonts (Segoe UI; Georgia and Sitka Text; the web fonts are narrower), and three CSS changes keep five items fitting: - the phone nav may wrap. One line needs about 310 px of the 320 px available at 360 px with the web fonts, about 331 px with the fallbacks, so at worst "Model history" drops to a second line instead of causing a sideways scroll. The phone gap is 1.25 rem (was 1.6 rem); - the brand and the page links share one row from 48 em instead of 40 em: at 640 px one row would need roughly 600–650 px of the 584 px available; - between 60 em and 75 em the bar's links are 1.6 rem apart (2 rem from 75 em). With 2 rem the Georgia fallback overflowed the bar at 960 px by about 6 px; with 1.6 rem it has about 19 px to spare (about 70 px with the web fonts). ### The history page in the Meridian system `history.html` is another chapter of the same journal, built from existing parts: the page head, margin-column sections with running-head labels, ruled lists, the level glyphs, one tinted band and the closing coda. The new CSS is one commented block at the end of section 6 of `styles.css`. - **Lead** (page head): the model was developed by SolrBoost; its shape comes from the Capability Maturity Model. - **The source**: CMM as a dated timeline (late 1980s, 1991, early 2000s), reusing the `.steps` list. The dates are small serif numerals, like the area numerals, not the uppercase label (which would print "1980S"), so the level glyphs keep the only big numerals. The lasting idea is a `.facts` list, and one ruled line notes that the staged-maturity idea has since been applied in many fields. - **Why it fits**: the seven practices of §8.4, set on the landing page's `.areas` list (Roman numeral, area name linking to its ladder), closing with one italic serif pull statement under a navy rule. - **Kept and changed**, on the page's one tinted band. Table 1 sets CMM's five levels beside the SOM Institute's six. Its level column is the meridian motif: an empty ring at 0, where CMM has no level; plain numerals 1–4; the amber sun at 5; and the same vertical meridian line as the model page's ladders. The caption says the ladders are compared by shape only, so the row alignment does not suggest that a CMM level means the same as the SOM Institute level beside it. Below the table, two ruled columns, kept and changed, with the brief's key terms in bold. - **How it was built** (`.facts`: experience, research) and **From model to benchmark** (the long form, links to the model and the survey), then the same coda and CTA as every page. - Only the facts of brief §8.4: no dates, years or version for SolrBoost's work, no name for the research partner, no counts, no claim of validation or certification, and no CMM level definitions beyond the five names. Amber stays disciplined: in the table it is only the level-5 glyph. - Accessibility: one h1, an h2 per section, h3 for the timeline events, the area names and the two columns. Table 1 has a caption and column and row headers; the glyphs are `aria-hidden` with visually hidden "Level n" text, and the empty CMM cell reads "No level 0". ### Still to verify in a browser These changes were checked statically: every relative link resolves, the markup is balanced, line endings and encoding are unchanged, and the HTML and JS carry no founder wording or misspelt partner names. Not yet checked in a browser: the CTA at every scroll stop on `history.html` at 1280 × 800 and 360 × 780, no sideways scroll there at 360 px, the nav fit at 960–1100 px with the web fonts, and the contrast script on the new elements (they use only the token pairs in §2, so the 5.38:1 floor should hold). --- ## Rename to Solar Operations Maturity Institute (2026-10-07) Owner decision of 2026-10-07 (brief §9): "SolarInSightTracker" and its short form "SIST" are retired. The initiative is now the **Solar Operations Maturity Institute**; the short name in running text is **SOM Institute** ("the Institute" once a page has said the full name); the wordmark is **SOMInstitute**. Only the name changed: the facts, the partner wording, the links and the survey URL are as they were. This note is the only place in the variant that still spells the old name; the sections above now describe the new one. ### Where the name appears - **Titles and meta descriptions**: the full name on every page ("About · Solar Operations Maturity Institute", and so on). - **First mention in each page's copy**: the full name, with the short name in brackets. Landing page, hero lede: "The Solar Operations Maturity Institute (SOM Institute) brings together a standardised maturity model for the solar PV industry and a South African benchmark built on it: …" (it still names no organisation; an institute is not itself a model, hence "brings together" where the old lede said "is"). About: the lede keeps "is an industry initiative in two parts". The model page's lede now opens "In the maturity model of the Solar Operations Maturity Institute (SOM Institute), every area is rated …". The privacy note's detail gains a first line: "This note covers the Solar O&M Maturity Survey, the first instrument of the Solar Operations Maturity Institute (SOM Institute)." - **History**: the lead is brief §8.4's, with the full name because it is the page's first mention: "The maturity model of the Solar Operations Maturity Institute (SOM Institute) was developed by SolrBoost." Table 1's third column is headed "SOM Institute", beside "CMM, 1991" (no year for the Institute's model, as §8.4 requires); the caption and the kept-and-changed intro say "the Institute's". - **Statements of record** (About, history, privacy): brief §9.2's long form verbatim, "The SOM Institute maturity model was developed by SolrBoost. The SOM Institute benchmark — this survey, …". - **Landing page**: "The SOM Institute's answer is a standardised maturity model …"; the partner line reads "The maturity model behind the SOM Institute was developed by SolrBoost." - **About**: the page-head label is now "About" (it was "About SIST"), like the other pages' labels, which repeat their nav item. - **Footer**: the lockup at the top carries the full name, and the base row now reads "Solar Operations Maturity Institute · Solar O&M Maturity Survey · POPIA applies". - **Brand links** (masthead and footer): `aria-label="Solar Operations Maturity Institute (SOM Institute), home"`, so the announced name contains both the visible full name and the wordmark's reading. ### The lockup - **HTML**: `<span class="brand__name">SOM<span>I<i>nstitute</i></span></span>`, then `<span class="brand__full">Solar Operations Maturity Institute</span>`, stacked in a `.brand__text` column beside the unchanged mark. The markup groups "Institute" as a word; the capitals S, O, M and I take the wordmark's upright semibold, and only "nstitute" is italic. "SOMI" is therefore never a word in the copy or the markup: it exists only as the four set-apart capitals. Without CSS the two lines read "SOMInstitute Solar Operations Maturity Institute". - **Type**: wordmark 1.375 rem (22 px; the old name was 1.3 rem), Newsreader 600, the capitals spaced 0.02em; the italic at 450, the site's display weight, with 0.02em and 0.06em of side padding (clear of the upright I; the italic e stays inside the link). Full name 0.6875 rem (11 px, half the wordmark), Source Sans 3 at 500, 0.01em, `--muted` on paper (5.9:1) and `--night-muted` in the footer (9.2:1). - **Why posture, not colour**: the italic is the site's own voice, and the old wordmark already turned to italic mid-word, so a change of posture is the Meridian way to set letters apart. Amber was ruled out: it means the sun, it is 1.9:1 as text on paper, and the mark beside the word already carries it. - **SVG** (`logo.svg`, `logo-reversed.svg`): the same lockup at 28 and 14 units. The capitals' tops sit level with the top of the sun (y 12.4) and the full name's baseline is the mark's horizon line (y 48), so the two lines span the mark. The canvas is now 300 × 64 (it was 344 × 64): the widest fallback measured for the full name (Segoe UI) ends near x 283. The italic is weight 400 there, not 450, because some SVG editors reject weights that are not multiples of 100. Both lines are live text. `mark.svg` changed only its `<title>`; `favicon.svg` and `meridian-figure.svg` carry no letters and are unchanged. ### Width, measured: the masthead at 960 px Measured with Pillow from the font files on this machine, using the offline fallbacks (Georgia or Sitka Text for Newsreader, Segoe UI for Source Sans 3): advance widths plus the CSS letter-spacing, no GPOS kerning. These are the fallback fonts the partner note above measured with, though not necessarily its method (it found 19 px to spare at 960 px; this method finds 42 px, or 25 px with a scrollbar), so read the table as a like-for-like comparison: the same method before and after. The web fonts are narrower than both fallbacks. | | Before (one line) | After (two lines) | |---|---|---| | Name | 207.6 px Georgia, 197.9 px Sitka ("SolarInSightTracker" at 20.8 px) | wordmark 142.4 / 140.1 px; full name 171.6 px | | Brand (mark, gap, name) | 253.2 / 243.5 px | 217.2 px, set by the full-name line | | Bar at 960 px (884.8 px of content) | 842.4 px with Georgia, 42 px spare (52 with Sitka) | 806.3 px, 78 px spare | With a 17 px classic scrollbar the spare at 960 px is 25 px (Georgia) or 35 px (Sitka) before and 61 px after. At 1200 px, where "Under ten minutes" joins the bar, it grows from 103 to 139 px. Between 48 em and 60 em, where the brand shares a row with the four page links, the row needs 593 px instead of 629 px of at least 704 px. On phones the brand has its own row and needs 217 px of the 320 px available at 360 px. With the web fonts, the earlier figure of about 70 px to spare at 960 px should grow by roughly 10 to 50 px; that range is an estimate from the earlier figures, not a measurement. So the masthead is 26 to 36 px narrower at 960 px than before, not wider, and the full name is shown in small type at every width, in the masthead and in the footer. It is not hidden anywhere (the print stylesheet still drops the masthead, as before). ### Identifiers and code - The sprite symbol `sist-mark` is now `somi-mark` (identifiers may carry the wordmark's letters, brief §9.3), and the ten `<use>` references (two per page) follow it. - `styles.css`: new `.brand__text` and `.brand__full`; `.brand__name` and its italic rewritten; `.footer__brand .brand__full` added; the header comment and the Table 1 comment renamed. No class name carried the old name. - `site.js`: only the header comment carried the old name. `SURVEY_URL` and `PARTNERS` are unchanged. ### Checked, and still to check in a browser Checked statically: case-sensitive searches for `SIST` (whole word), `SolarInSight`, `InSight` and `Tracker` find nothing in the variant's HTML, JS, CSS or SVG, and a case-insensitive search for `sist` and `solarinsight` finds nothing there either (in this file, only this note matches); every page's text contains "Solar Operations Maturity Institute" and "SOM Institute"; every relative `href` and `src` resolves; every SVG parses as XML; line endings (LF) and encoding (UTF-8) are unchanged; the four partners on every page, the history links in every nav and footer, the survey hrefs and the rest of brief §8.5's wording checks all still hold. Not yet checked in a browser: the lockup's vertical centring in the 64 px bar and the 48 px phone row with the web fonts, the widths at 960, 1080, 1280 and 360 px with the web fonts, and the contrast script on the new 11 px line (it uses only token pairs from §2).