ichec-brand 0.3.0__tar.gz

ichec_brand-0.3.0/.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+.DS_Store
+*.tgz
+dist/
+__pycache__/

ichec_brand-0.3.0/PKG-INFO

@@ -0,0 +1,140 @@
+Metadata-Version: 2.5
+Name: ichec-brand
+Version: 0.3.0
+Summary: ICHEC's brand pack, and the base that project packs extend: logos, colours and fonts as design tokens, and the blocks motif.
+Project-URL: Repository, https://git.ichec.ie/platform-engineering/modules/ichec-brand
+Author-email: Irish Centre for High End Computing <platformengineering@ichec.ie>
+Requires-Python: >=3.11
+Description-Content-Type: text/markdown
+
+# ichec-brand
+
+ICHEC's brand pack: the logo in every variant, the colours and fonts as design
+tokens, and the blocks motif from our slide templates. Web apps, diagrams,
+slides and videos take the brand from here, so they all match ichec.ie and each
+other. A project's own brand extends this pack from the project's repo.
+
+[The ICHEC brand guide](brands/ichec/README.md) says which colour to use for
+what, and how to use the logo and the blocks.
+
+## Use the files
+
+Everything is plain files in `brands/ichec/`, so any tool can use them:
+
+- `brand.json`: the name, the logo and font files, and the tokens, in the
+  [W3C design tokens](https://tr.designtokens.org/format/) format.
+- `logo/`: the logo, the logo without its tagline, and the mark, each for light
+  and dark backgrounds, as SVG with a 400 px high PNG beside each.
+- `fonts/`: Raleway, unmodified, as TTF for desktop tools and WOFF2 for the
+  web, with `fonts.css` and its licence.
+- `blocks/`: ready-made blocks patterns as SVG.
+
+## Use it from JavaScript
+
+```sh
+npm install ichec-brand
+```
+
+```js
+import {checkBrand, loadBrand} from 'ichec-brand/brand';
+import {flatTokens} from 'ichec-brand/tokens';
+import {blocksSvg} from 'ichec-brand/blocks';
+
+const t = flatTokens(loadBrand('ichec'));
+t['color.role.text'];   // '#08152A'
+blocksSvg({cols: 30, rows: 8, edge: 'right', seed: 4});
+```
+
+`loadBrand` takes `ichec`, a path, or a package whose target holds a
+`brand.json`. It returns the pack merged over the packs it extends, with every
+file path made absolute. The files are also at
+`node_modules/ichec-brand/brands/ichec/`.
+
+To draw a blocks pattern from the command line:
+
+```sh
+npx ichec-blocks --cols 30 --rows 8 --edge right --seed 4 > blocks.svg
+```
+
+The generator uses a small seeded random number generator, mulberry32, so a
+port can draw the same patterns.
+
+## Use it from Python
+
+```sh
+pip install ichec-brand
+```
+
+The Python package holds the same `brands/` files, from the same release, and
+no reader. `ichec_brand.brands()` is the directory of the packs. A Django
+portal's pack extends ICHEC's with `"extends": "ichec-brand/brands/ichec"`, and
+ichec-django-core finds the parent in this package. Add `ichec-brand` to the
+portal's dependencies.
+
+## Extend the brand
+
+A project's brand, such as a portal's or a funded project's, lives in the
+project's own repo and extends this pack. This repo never holds a project's
+brand. The project's `brand.json` names its parent and sets only what differs:
+
+```json
+{
+  "extends": "ichec-brand/brands/ichec",
+  "name": "Example project",
+  "logos": {"full": "logo/logo.svg", "fullOnDark": "logo/logo-white.svg"},
+  "tokens": {"color": {"role": {"primary": {"$value": "#0F6E75"}}}}
+}
+```
+
+Tokens merge key by key, so a role the project doesn't set keeps ICHEC's
+value. `logos`, `fonts` and `funding` replace the parent's as a whole, so a
+project never shows ICHEC's mark as its own. A pack with more than one font
+family lists a licence for each in `fonts.licence`. Paths are
+relative to the pack that names them.
+
+A pack can also fill slots that ICHEC leaves empty:
+
+- `wordmark`: the name as the logo writes it, where that differs from `name`,
+  for text drawn like the logo.
+- `tagline`: one line under the name, on title cards.
+- `funding`: `emblem`, a file such as the EU emblem, with the `statement`,
+  `programme` and `grant` that must go beside it.
+- `motif`: the pattern for backgrounds and banners, `blocks` or
+  `wave-lines`. ICHEC's is `blocks`.
+- `social`: account names by network, such as `{"linkedin": "example"}`.
+- `extras`: other named files that tools may use, such as a `backdrop` photo.
+
+`header` and `footer` say how a page, slide or title card shows the brand.
+They merge key by key, so a child sets only what differs:
+
+```json
+"footer": {
+  "logo": null,
+  "background": "surface-dark",
+  "strapline": "Open access to research facilities",
+  "partners": {"label": "Developed by", "logos": [{"name": "ICHEC", "url": "https://www.ichec.ie", "logo": "partners/ichec.svg"}]}
+}
+```
+
+- `logo`: a key of `logos`, or `null` for none.
+- `background`: a colour role, such as `surface-dark`.
+- `image`: a key of `extras` to show behind it, such as `backdrop`.
+- `strapline`: one line of text.
+- `partners`: logos to show together, with a `label` and, for each, a `name`,
+  a `logo` file and an optional `url`.
+
+A footer shows `funding` when the pack has it, so the hints don't repeat it.
+
+Give every logo, emblem and partner logo a PNG with `uv run node_modules/ichec-brand/scripts/png_logos.py
+<pack dir>`, and add `checkBrand(loadBrand('<pack dir>'))` to the project's
+tests. It checks the colours, text contrast, files and funding, and returns a
+list of problems.
+
+## Develop
+
+```sh
+npm test                           # tokens, contrast, files and blocks
+npm run presets                    # after changing blocks/presets.json
+uv run scripts/build_logos.py      # after changing logo/source.svg, then:
+uv run scripts/png_logos.py brands/ichec
+```

ichec_brand-0.3.0/README.md

@@ -0,0 +1,131 @@
+# ichec-brand
+
+ICHEC's brand pack: the logo in every variant, the colours and fonts as design
+tokens, and the blocks motif from our slide templates. Web apps, diagrams,
+slides and videos take the brand from here, so they all match ichec.ie and each
+other. A project's own brand extends this pack from the project's repo.
+
+[The ICHEC brand guide](brands/ichec/README.md) says which colour to use for
+what, and how to use the logo and the blocks.
+
+## Use the files
+
+Everything is plain files in `brands/ichec/`, so any tool can use them:
+
+- `brand.json`: the name, the logo and font files, and the tokens, in the
+  [W3C design tokens](https://tr.designtokens.org/format/) format.
+- `logo/`: the logo, the logo without its tagline, and the mark, each for light
+  and dark backgrounds, as SVG with a 400 px high PNG beside each.
+- `fonts/`: Raleway, unmodified, as TTF for desktop tools and WOFF2 for the
+  web, with `fonts.css` and its licence.
+- `blocks/`: ready-made blocks patterns as SVG.
+
+## Use it from JavaScript
+
+```sh
+npm install ichec-brand
+```
+
+```js
+import {checkBrand, loadBrand} from 'ichec-brand/brand';
+import {flatTokens} from 'ichec-brand/tokens';
+import {blocksSvg} from 'ichec-brand/blocks';
+
+const t = flatTokens(loadBrand('ichec'));
+t['color.role.text'];   // '#08152A'
+blocksSvg({cols: 30, rows: 8, edge: 'right', seed: 4});
+```
+
+`loadBrand` takes `ichec`, a path, or a package whose target holds a
+`brand.json`. It returns the pack merged over the packs it extends, with every
+file path made absolute. The files are also at
+`node_modules/ichec-brand/brands/ichec/`.
+
+To draw a blocks pattern from the command line:
+
+```sh
+npx ichec-blocks --cols 30 --rows 8 --edge right --seed 4 > blocks.svg
+```
+
+The generator uses a small seeded random number generator, mulberry32, so a
+port can draw the same patterns.
+
+## Use it from Python
+
+```sh
+pip install ichec-brand
+```
+
+The Python package holds the same `brands/` files, from the same release, and
+no reader. `ichec_brand.brands()` is the directory of the packs. A Django
+portal's pack extends ICHEC's with `"extends": "ichec-brand/brands/ichec"`, and
+ichec-django-core finds the parent in this package. Add `ichec-brand` to the
+portal's dependencies.
+
+## Extend the brand
+
+A project's brand, such as a portal's or a funded project's, lives in the
+project's own repo and extends this pack. This repo never holds a project's
+brand. The project's `brand.json` names its parent and sets only what differs:
+
+```json
+{
+  "extends": "ichec-brand/brands/ichec",
+  "name": "Example project",
+  "logos": {"full": "logo/logo.svg", "fullOnDark": "logo/logo-white.svg"},
+  "tokens": {"color": {"role": {"primary": {"$value": "#0F6E75"}}}}
+}
+```
+
+Tokens merge key by key, so a role the project doesn't set keeps ICHEC's
+value. `logos`, `fonts` and `funding` replace the parent's as a whole, so a
+project never shows ICHEC's mark as its own. A pack with more than one font
+family lists a licence for each in `fonts.licence`. Paths are
+relative to the pack that names them.
+
+A pack can also fill slots that ICHEC leaves empty:
+
+- `wordmark`: the name as the logo writes it, where that differs from `name`,
+  for text drawn like the logo.
+- `tagline`: one line under the name, on title cards.
+- `funding`: `emblem`, a file such as the EU emblem, with the `statement`,
+  `programme` and `grant` that must go beside it.
+- `motif`: the pattern for backgrounds and banners, `blocks` or
+  `wave-lines`. ICHEC's is `blocks`.
+- `social`: account names by network, such as `{"linkedin": "example"}`.
+- `extras`: other named files that tools may use, such as a `backdrop` photo.
+
+`header` and `footer` say how a page, slide or title card shows the brand.
+They merge key by key, so a child sets only what differs:
+
+```json
+"footer": {
+  "logo": null,
+  "background": "surface-dark",
+  "strapline": "Open access to research facilities",
+  "partners": {"label": "Developed by", "logos": [{"name": "ICHEC", "url": "https://www.ichec.ie", "logo": "partners/ichec.svg"}]}
+}
+```
+
+- `logo`: a key of `logos`, or `null` for none.
+- `background`: a colour role, such as `surface-dark`.
+- `image`: a key of `extras` to show behind it, such as `backdrop`.
+- `strapline`: one line of text.
+- `partners`: logos to show together, with a `label` and, for each, a `name`,
+  a `logo` file and an optional `url`.
+
+A footer shows `funding` when the pack has it, so the hints don't repeat it.
+
+Give every logo, emblem and partner logo a PNG with `uv run node_modules/ichec-brand/scripts/png_logos.py
+<pack dir>`, and add `checkBrand(loadBrand('<pack dir>'))` to the project's
+tests. It checks the colours, text contrast, files and funding, and returns a
+list of problems.
+
+## Develop
+
+```sh
+npm test                           # tokens, contrast, files and blocks
+npm run presets                    # after changing blocks/presets.json
+uv run scripts/build_logos.py      # after changing logo/source.svg, then:
+uv run scripts/png_logos.py brands/ichec
+```

ichec_brand-0.3.0/brands/ichec/README.md

@@ -0,0 +1,51 @@
+# ICHEC brand guide
+
+Short rules for using the ICHEC brand in apps, diagrams, slides and videos.
+The values are in [brand.json](brand.json).
+
+## Colour
+
+| Use | Colour | Token |
+|---|---|---|
+| Headings and body text | Navy `#08152A` | `color.role.text` |
+| Secondary text | Grey `#6B7780` | `color.role.text-muted` |
+| Links, buttons, accent text | Blue `#017ACD` | `color.role.primary` |
+| Hover and pressed | Dark blue `#015C9A` | `color.role.primary-hover` |
+| Fills beside the primary, such as shapes and icons | Logo blue `#008FD4` | `color.role.secondary` |
+| Highlights and markers | Logo green `#8AC647` | `color.role.accent` |
+| Page | White | `color.role.surface` |
+| Panels and alternate rows | Light grey `#F3F3F3` | `color.role.surface-alt` |
+| Dark areas, such as footers and title slides | Slate `#273C46` | `color.role.surface-dark` |
+| Borders | Grey `#DFDFDF` | `color.role.border` |
+
+The logo's blue `#008FD4` and green `#8AC647` are for fills: shapes, icons,
+charts and the blocks. They are too light for text on white, so use blue
+`#017ACD` for coloured text.
+
+## Type
+
+Use Raleway for everything, from the files in `fonts/`. Its figures line up
+with capitals by default, so numbers suit tables and diagrams. Use a monospace
+font for code, commands and hostnames. Where Raleway isn't available, fall back
+to Arial.
+
+## Logo
+
+- Use `logo.svg` on white and light backgrounds, and `logo-white.svg` on slate
+  or dark photos. `logo-mono-white.svg` is for busy backgrounds.
+- Use `logo-short.svg` below about 150 pixels wide, where the tagline can't be
+  read, and `mark.svg` where there is room only for a square, such as a
+  favicon.
+- The files include clear space. Don't crop into it, recolour the mark or
+  stretch the logo.
+
+## Blocks
+
+The blocks motif comes from our slide templates: a grid of squares in the
+logo's blue and green that is solid at one edge and breaks up towards the other.
+
+- Put it against an edge of a slide, a banner or a title card, solid side to the
+  edge. Don't put it behind text.
+- Use the presets in `blocks/`, or `ichec-blocks` for another size. Keep the
+  squares and gaps in the preset proportions.
+- Use single squares as small glyphs, such as bullets or markers in a diagram.

ichec_brand-0.3.0/brands/ichec/blocks/band-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1813 274" width="1813" height="274"><rect x="171" y="0" width="46" height="46" fill="#8AC647"/><rect x="1311" y="0" width="46" height="46" fill="#8AC647"/><rect x="1767" y="0" width="46" height="46" fill="#8AC647"/><rect x="0" y="57" width="46" height="46" fill="#8AC647"/><rect x="57" y="57" width="46" height="46" fill="#8AC647"/><rect x="114" y="57" width="46" height="46" fill="#8AC647"/><rect x="171" y="57" width="46" height="46" fill="#008FD4"/><rect x="285" y="57" width="46" height="46" fill="#8AC647"/><rect x="342" y="57" width="46" height="46" fill="#8AC647"/><rect x="456" y="57" width="46" height="46" fill="#8AC647"/><rect x="513" y="57" width="46" height="46" fill="#8AC647"/><rect x="570" y="57" width="46" height="46" fill="#8AC647"/><rect x="627" y="57" width="46" height="46" fill="#8AC647"/><rect x="684" y="57" width="46" height="46" fill="#8AC647"/><rect x="741" y="57" width="46" height="46" fill="#008FD4"/><rect x="855" y="57" width="46" height="46" fill="#008FD4"/><rect x="912" y="57" width="46" height="46" fill="#8AC647"/><rect x="1026" y="57" width="46" height="46" fill="#8AC647"/><rect x="1083" y="57" width="46" height="46" fill="#8AC647"/><rect x="1140" y="57" width="46" height="46" fill="#8AC647"/><rect x="1311" y="57" width="46" height="46" fill="#8AC647"/><rect x="1539" y="57" width="46" height="46" fill="#8AC647"/><rect x="1767" y="57" width="46" height="46" fill="#8AC647"/><rect x="0" y="114" width="46" height="46" fill="#008FD4"/><rect x="57" y="114" width="46" height="46" fill="#8AC647"/><rect x="114" y="114" width="46" height="46" fill="#008FD4"/><rect x="171" y="114" width="46" height="46" fill="#8AC647"/><rect x="228" y="114" width="46" height="46" fill="#8AC647"/><rect x="285" y="114" width="46" height="46" fill="#008FD4"/><rect x="342" y="114" width="46" height="46" fill="#8AC647"/><rect x="399" y="114" width="46" height="46" fill="#8AC647"/><rect x="456" y="114" width="46" height="46" fill="#008FD4"/><rect x="570" y="114" width="46" height="46" fill="#8AC647"/><rect x="627" y="114" width="46" height="46" fill="#8AC647"/><rect x="684" y="114" width="46" height="46" fill="#008FD4"/><rect x="741" y="114" width="46" height="46" fill="#8AC647"/><rect x="798" y="114" width="46" height="46" fill="#8AC647"/><rect x="855" y="114" width="46" height="46" fill="#008FD4"/><rect x="912" y="114" width="46" height="46" fill="#008FD4"/><rect x="969" y="114" width="46" height="46" fill="#8AC647"/><rect x="1026" y="114" width="46" height="46" fill="#8AC647"/><rect x="1083" y="114" width="46" height="46" fill="#8AC647"/><rect x="1197" y="114" width="46" height="46" fill="#008FD4"/><rect x="1254" y="114" width="46" height="46" fill="#8AC647"/><rect x="1311" y="114" width="46" height="46" fill="#8AC647"/><rect x="1368" y="114" width="46" height="46" fill="#008FD4"/><rect x="1425" y="114" width="46" height="46" fill="#8AC647"/><rect x="1482" y="114" width="46" height="46" fill="#8AC647"/><rect x="1539" y="114" width="46" height="46" fill="#8AC647"/><rect x="1596" y="114" width="46" height="46" fill="#8AC647"/><rect x="1653" y="114" width="46" height="46" fill="#008FD4"/><rect x="1710" y="114" width="46" height="46" fill="#8AC647"/><rect x="1767" y="114" width="46" height="46" fill="#008FD4"/><rect x="0" y="171" width="46" height="46" fill="#008FD4"/><rect x="57" y="171" width="46" height="46" fill="#8AC647"/><rect x="114" y="171" width="46" height="46" fill="#8AC647"/><rect x="171" y="171" width="46" height="46" fill="#8AC647"/><rect x="228" y="171" width="46" height="46" fill="#8AC647"/><rect x="285" y="171" width="46" height="46" fill="#008FD4"/><rect x="342" y="171" width="46" height="46" fill="#8AC647"/><rect x="399" y="171" width="46" height="46" fill="#8AC647"/><rect x="456" y="171" width="46" height="46" fill="#8AC647"/><rect x="513" y="171" width="46" height="46" fill="#8AC647"/><rect x="570" y="171" width="46" height="46" fill="#8AC647"/><rect x="627" y="171" width="46" height="46" fill="#008FD4"/><rect x="684" y="171" width="46" height="46" fill="#008FD4"/><rect x="741" y="171" width="46" height="46" fill="#8AC647"/><rect x="798" y="171" width="46" height="46" fill="#8AC647"/><rect x="855" y="171" width="46" height="46" fill="#8AC647"/><rect x="912" y="171" width="46" height="46" fill="#008FD4"/><rect x="969" y="171" width="46" height="46" fill="#008FD4"/><rect x="1026" y="171" width="46" height="46" fill="#8AC647"/><rect x="1083" y="171" width="46" height="46" fill="#8AC647"/><rect x="1140" y="171" width="46" height="46" fill="#8AC647"/><rect x="1197" y="171" width="46" height="46" fill="#8AC647"/><rect x="1254" y="171" width="46" height="46" fill="#008FD4"/><rect x="1311" y="171" width="46" height="46" fill="#008FD4"/><rect x="1368" y="171" width="46" height="46" fill="#008FD4"/><rect x="1425" y="171" width="46" height="46" fill="#8AC647"/><rect x="1482" y="171" width="46" height="46" fill="#8AC647"/><rect x="1596" y="171" width="46" height="46" fill="#8AC647"/><rect x="1653" y="171" width="46" height="46" fill="#8AC647"/><rect x="1710" y="171" width="46" height="46" fill="#008FD4"/><rect x="1767" y="171" width="46" height="46" fill="#008FD4"/><rect x="0" y="228" width="46" height="46" fill="#008FD4"/><rect x="57" y="228" width="46" height="46" fill="#008FD4"/><rect x="114" y="228" width="46" height="46" fill="#8AC647"/><rect x="171" y="228" width="46" height="46" fill="#008FD4"/><rect x="228" y="228" width="46" height="46" fill="#8AC647"/><rect x="285" y="228" width="46" height="46" fill="#008FD4"/><rect x="342" y="228" width="46" height="46" fill="#008FD4"/><rect x="399" y="228" width="46" height="46" fill="#8AC647"/><rect x="456" y="228" width="46" height="46" fill="#8AC647"/><rect x="513" y="228" width="46" height="46" fill="#008FD4"/><rect x="570" y="228" width="46" height="46" fill="#008FD4"/><rect x="627" y="228" width="46" height="46" fill="#8AC647"/><rect x="684" y="228" width="46" height="46" fill="#008FD4"/><rect x="741" y="228" width="46" height="46" fill="#008FD4"/><rect x="798" y="228" width="46" height="46" fill="#008FD4"/><rect x="855" y="228" width="46" height="46" fill="#8AC647"/><rect x="912" y="228" width="46" height="46" fill="#008FD4"/><rect x="969" y="228" width="46" height="46" fill="#8AC647"/><rect x="1026" y="228" width="46" height="46" fill="#008FD4"/><rect x="1083" y="228" width="46" height="46" fill="#008FD4"/><rect x="1140" y="228" width="46" height="46" fill="#8AC647"/><rect x="1197" y="228" width="46" height="46" fill="#8AC647"/><rect x="1254" y="228" width="46" height="46" fill="#008FD4"/><rect x="1311" y="228" width="46" height="46" fill="#008FD4"/><rect x="1368" y="228" width="46" height="46" fill="#8AC647"/><rect x="1425" y="228" width="46" height="46" fill="#008FD4"/><rect x="1482" y="228" width="46" height="46" fill="#008FD4"/><rect x="1539" y="228" width="46" height="46" fill="#8AC647"/><rect x="1596" y="228" width="46" height="46" fill="#8AC647"/><rect x="1653" y="228" width="46" height="46" fill="#8AC647"/><rect x="1710" y="228" width="46" height="46" fill="#008FD4"/><rect x="1767" y="228" width="46" height="46" fill="#8AC647"/></svg>

ichec_brand-0.3.0/brands/ichec/blocks/band-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1813 331" width="1813" height="331"><rect x="684" y="0" width="46" height="46" fill="#8AC647"/><rect x="798" y="0" width="46" height="46" fill="#008FD4"/><rect x="855" y="0" width="46" height="46" fill="#8AC647"/><rect x="1026" y="0" width="46" height="46" fill="#8AC647"/><rect x="1083" y="0" width="46" height="46" fill="#8AC647"/><rect x="1140" y="0" width="46" height="46" fill="#8AC647"/><rect x="1197" y="0" width="46" height="46" fill="#8AC647"/><rect x="1254" y="0" width="46" height="46" fill="#8AC647"/><rect x="1311" y="0" width="46" height="46" fill="#008FD4"/><rect x="1368" y="0" width="46" height="46" fill="#8AC647"/><rect x="1425" y="0" width="46" height="46" fill="#8AC647"/><rect x="1482" y="0" width="46" height="46" fill="#008FD4"/><rect x="1539" y="0" width="46" height="46" fill="#8AC647"/><rect x="1596" y="0" width="46" height="46" fill="#008FD4"/><rect x="1653" y="0" width="46" height="46" fill="#008FD4"/><rect x="1710" y="0" width="46" height="46" fill="#008FD4"/><rect x="1767" y="0" width="46" height="46" fill="#8AC647"/><rect x="0" y="57" width="46" height="46" fill="#8AC647"/><rect x="627" y="57" width="46" height="46" fill="#008FD4"/><rect x="684" y="57" width="46" height="46" fill="#008FD4"/><rect x="912" y="57" width="46" height="46" fill="#8AC647"/><rect x="1026" y="57" width="46" height="46" fill="#8AC647"/><rect x="1083" y="57" width="46" height="46" fill="#8AC647"/><rect x="1197" y="57" width="46" height="46" fill="#8AC647"/><rect x="1254" y="57" width="46" height="46" fill="#008FD4"/><rect x="1311" y="57" width="46" height="46" fill="#8AC647"/><rect x="1368" y="57" width="46" height="46" fill="#8AC647"/><rect x="1425" y="57" width="46" height="46" fill="#008FD4"/><rect x="1482" y="57" width="46" height="46" fill="#008FD4"/><rect x="1539" y="57" width="46" height="46" fill="#008FD4"/><rect x="1596" y="57" width="46" height="46" fill="#8AC647"/><rect x="1653" y="57" width="46" height="46" fill="#8AC647"/><rect x="1710" y="57" width="46" height="46" fill="#008FD4"/><rect x="1767" y="57" width="46" height="46" fill="#8AC647"/><rect x="684" y="114" width="46" height="46" fill="#8AC647"/><rect x="912" y="114" width="46" height="46" fill="#008FD4"/><rect x="969" y="114" width="46" height="46" fill="#8AC647"/><rect x="1026" y="114" width="46" height="46" fill="#008FD4"/><rect x="1083" y="114" width="46" height="46" fill="#8AC647"/><rect x="1140" y="114" width="46" height="46" fill="#8AC647"/><rect x="1197" y="114" width="46" height="46" fill="#8AC647"/><rect x="1254" y="114" width="46" height="46" fill="#008FD4"/><rect x="1311" y="114" width="46" height="46" fill="#008FD4"/><rect x="1368" y="114" width="46" height="46" fill="#008FD4"/><rect x="1425" y="114" width="46" height="46" fill="#8AC647"/><rect x="1482" y="114" width="46" height="46" fill="#008FD4"/><rect x="1539" y="114" width="46" height="46" fill="#008FD4"/><rect x="1596" y="114" width="46" height="46" fill="#8AC647"/><rect x="1653" y="114" width="46" height="46" fill="#008FD4"/><rect x="1710" y="114" width="46" height="46" fill="#8AC647"/><rect x="1767" y="114" width="46" height="46" fill="#008FD4"/><rect x="513" y="171" width="46" height="46" fill="#8AC647"/><rect x="684" y="171" width="46" height="46" fill="#8AC647"/><rect x="741" y="171" width="46" height="46" fill="#8AC647"/><rect x="912" y="171" width="46" height="46" fill="#008FD4"/><rect x="1026" y="171" width="46" height="46" fill="#8AC647"/><rect x="1083" y="171" width="46" height="46" fill="#8AC647"/><rect x="1140" y="171" width="46" height="46" fill="#8AC647"/><rect x="1197" y="171" width="46" height="46" fill="#008FD4"/><rect x="1254" y="171" width="46" height="46" fill="#8AC647"/><rect x="1311" y="171" width="46" height="46" fill="#008FD4"/><rect x="1368" y="171" width="46" height="46" fill="#008FD4"/><rect x="1425" y="171" width="46" height="46" fill="#008FD4"/><rect x="1482" y="171" width="46" height="46" fill="#8AC647"/><rect x="1539" y="171" width="46" height="46" fill="#008FD4"/><rect x="1596" y="171" width="46" height="46" fill="#008FD4"/><rect x="1653" y="171" width="46" height="46" fill="#008FD4"/><rect x="1710" y="171" width="46" height="46" fill="#8AC647"/><rect x="1767" y="171" width="46" height="46" fill="#008FD4"/><rect x="798" y="228" width="46" height="46" fill="#8AC647"/><rect x="855" y="228" width="46" height="46" fill="#008FD4"/><rect x="912" y="228" width="46" height="46" fill="#8AC647"/><rect x="969" y="228" width="46" height="46" fill="#8AC647"/><rect x="1026" y="228" width="46" height="46" fill="#8AC647"/><rect x="1083" y="228" width="46" height="46" fill="#8AC647"/><rect x="1140" y="228" width="46" height="46" fill="#8AC647"/><rect x="1197" y="228" width="46" height="46" fill="#008FD4"/><rect x="1311" y="228" width="46" height="46" fill="#008FD4"/><rect x="1368" y="228" width="46" height="46" fill="#8AC647"/><rect x="1425" y="228" width="46" height="46" fill="#8AC647"/><rect x="1482" y="228" width="46" height="46" fill="#8AC647"/><rect x="1539" y="228" width="46" height="46" fill="#008FD4"/><rect x="1596" y="228" width="46" height="46" fill="#008FD4"/><rect x="1653" y="228" width="46" height="46" fill="#8AC647"/><rect x="1710" y="228" width="46" height="46" fill="#8AC647"/><rect x="1767" y="228" width="46" height="46" fill="#008FD4"/><rect x="171" y="285" width="46" height="46" fill="#8AC647"/><rect x="285" y="285" width="46" height="46" fill="#8AC647"/><rect x="513" y="285" width="46" height="46" fill="#8AC647"/><rect x="570" y="285" width="46" height="46" fill="#8AC647"/><rect x="684" y="285" width="46" height="46" fill="#8AC647"/><rect x="855" y="285" width="46" height="46" fill="#8AC647"/><rect x="1026" y="285" width="46" height="46" fill="#8AC647"/><rect x="1083" y="285" width="46" height="46" fill="#008FD4"/><rect x="1140" y="285" width="46" height="46" fill="#008FD4"/><rect x="1197" y="285" width="46" height="46" fill="#8AC647"/><rect x="1254" y="285" width="46" height="46" fill="#8AC647"/><rect x="1311" y="285" width="46" height="46" fill="#008FD4"/><rect x="1368" y="285" width="46" height="46" fill="#8AC647"/><rect x="1425" y="285" width="46" height="46" fill="#8AC647"/><rect x="1539" y="285" width="46" height="46" fill="#8AC647"/><rect x="1596" y="285" width="46" height="46" fill="#008FD4"/><rect x="1653" y="285" width="46" height="46" fill="#8AC647"/><rect x="1710" y="285" width="46" height="46" fill="#008FD4"/><rect x="1767" y="285" width="46" height="46" fill="#008FD4"/></svg>

ichec_brand-0.3.0/brands/ichec/blocks/presets.json

@@ -0,0 +1,6 @@
+{
+  "strip-right": {"cols": 10, "rows": 36, "edge": "right", "reach": 0.75, "seed": 7, "$description": "A tall strip for the right edge of a slide, like the PowerPoint template."},
+  "strip-left": {"cols": 10, "rows": 36, "edge": "left", "reach": 0.75, "seed": 7, "$description": "The same strip for the left edge."},
+  "band-right": {"cols": 32, "rows": 6, "edge": "right", "reach": 0.55, "seed": 4, "$description": "A wide, low band for a README or page header."},
+  "band-bottom": {"cols": 32, "rows": 5, "edge": "bottom", "reach": 0.8, "seed": 11, "$description": "A band that rises from the bottom edge, for footers and title cards."}
+}

ichec_brand-0.3.0/brands/ichec/blocks/strip-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 559 2041" width="559" height="2041"><rect x="0" y="0" width="46" height="46" fill="#008FD4"/><rect x="57" y="0" width="46" height="46" fill="#8AC647"/><rect x="114" y="0" width="46" height="46" fill="#008FD4"/><rect x="171" y="0" width="46" height="46" fill="#008FD4"/><rect x="228" y="0" width="46" height="46" fill="#8AC647"/><rect x="285" y="0" width="46" height="46" fill="#008FD4"/><rect x="399" y="0" width="46" height="46" fill="#8AC647"/><rect x="0" y="57" width="46" height="46" fill="#8AC647"/><rect x="57" y="57" width="46" height="46" fill="#008FD4"/><rect x="114" y="57" width="46" height="46" fill="#008FD4"/><rect x="171" y="57" width="46" height="46" fill="#8AC647"/><rect x="228" y="57" width="46" height="46" fill="#8AC647"/><rect x="285" y="57" width="46" height="46" fill="#8AC647"/><rect x="0" y="114" width="46" height="46" fill="#008FD4"/><rect x="57" y="114" width="46" height="46" fill="#8AC647"/><rect x="114" y="114" width="46" height="46" fill="#008FD4"/><rect x="171" y="114" width="46" height="46" fill="#8AC647"/><rect x="228" y="114" width="46" height="46" fill="#8AC647"/><rect x="285" y="114" width="46" height="46" fill="#8AC647"/><rect x="342" y="114" width="46" height="46" fill="#008FD4"/><rect x="456" y="114" width="46" height="46" fill="#8AC647"/><rect x="0" y="171" width="46" height="46" fill="#8AC647"/><rect x="57" y="171" width="46" height="46" fill="#8AC647"/><rect x="114" y="171" width="46" height="46" fill="#8AC647"/><rect x="171" y="171" width="46" height="46" fill="#8AC647"/><rect x="228" y="171" width="46" height="46" fill="#8AC647"/><rect x="342" y="171" width="46" height="46" fill="#8AC647"/><rect x="0" y="228" width="46" height="46" fill="#008FD4"/><rect x="57" y="228" width="46" height="46" fill="#8AC647"/><rect x="114" y="228" width="46" height="46" fill="#8AC647"/><rect x="171" y="228" width="46" height="46" fill="#8AC647"/><rect x="228" y="228" width="46" height="46" fill="#8AC647"/><rect x="285" y="228" width="46" height="46" fill="#008FD4"/><rect x="342" y="228" width="46" height="46" fill="#008FD4"/><rect x="0" y="285" width="46" height="46" fill="#8AC647"/><rect x="57" y="285" width="46" height="46" fill="#8AC647"/><rect x="114" y="285" width="46" height="46" fill="#8AC647"/><rect x="171" y="285" width="46" height="46" fill="#8AC647"/><rect x="228" y="285" width="46" height="46" fill="#8AC647"/><rect x="285" y="285" width="46" height="46" fill="#8AC647"/><rect x="342" y="285" width="46" height="46" fill="#8AC647"/><rect x="399" y="285" width="46" height="46" fill="#8AC647"/><rect x="0" y="342" width="46" height="46" fill="#8AC647"/><rect x="57" y="342" width="46" height="46" fill="#008FD4"/><rect x="114" y="342" width="46" height="46" fill="#8AC647"/><rect x="171" y="342" width="46" height="46" fill="#8AC647"/><rect x="228" y="342" width="46" height="46" fill="#8AC647"/><rect x="285" y="342" width="46" height="46" fill="#8AC647"/><rect x="342" y="342" width="46" height="46" fill="#8AC647"/><rect x="456" y="342" width="46" height="46" fill="#008FD4"/><rect x="0" y="399" width="46" height="46" fill="#8AC647"/><rect x="57" y="399" width="46" height="46" fill="#008FD4"/><rect x="114" y="399" width="46" height="46" fill="#008FD4"/><rect x="171" y="399" width="46" height="46" fill="#8AC647"/><rect x="228" y="399" width="46" height="46" fill="#8AC647"/><rect x="285" y="399" width="46" height="46" fill="#8AC647"/><rect x="0" y="456" width="46" height="46" fill="#008FD4"/><rect x="57" y="456" width="46" height="46" fill="#8AC647"/><rect x="114" y="456" width="46" height="46" fill="#008FD4"/><rect x="171" y="456" width="46" height="46" fill="#8AC647"/><rect x="228" y="456" width="46" height="46" fill="#8AC647"/><rect x="285" y="456" width="46" height="46" fill="#8AC647"/><rect x="342" y="456" width="46" height="46" fill="#8AC647"/><rect x="0" y="513" width="46" height="46" fill="#8AC647"/><rect x="57" y="513" width="46" height="46" fill="#008FD4"/><rect x="114" y="513" width="46" height="46" fill="#8AC647"/><rect x="171" y="513" width="46" height="46" fill="#8AC647"/><rect x="228" y="513" width="46" height="46" fill="#008FD4"/><rect x="285" y="513" width="46" height="46" fill="#8AC647"/><rect x="342" y="513" width="46" height="46" fill="#8AC647"/><rect x="399" y="513" width="46" height="46" fill="#8AC647"/><rect x="456" y="513" width="46" height="46" fill="#8AC647"/><rect x="0" y="570" width="46" height="46" fill="#008FD4"/><rect x="57" y="570" width="46" height="46" fill="#8AC647"/><rect x="114" y="570" width="46" height="46" fill="#8AC647"/><rect x="171" y="570" width="46" height="46" fill="#8AC647"/><rect x="228" y="570" width="46" height="46" fill="#8AC647"/><rect x="285" y="570" width="46" height="46" fill="#8AC647"/><rect x="342" y="570" width="46" height="46" fill="#8AC647"/><rect x="0" y="627" width="46" height="46" fill="#008FD4"/><rect x="57" y="627" width="46" height="46" fill="#8AC647"/><rect x="114" y="627" width="46" height="46" fill="#8AC647"/><rect x="171" y="627" width="46" height="46" fill="#8AC647"/><rect x="285" y="627" width="46" height="46" fill="#8AC647"/><rect x="342" y="627" width="46" height="46" fill="#8AC647"/><rect x="0" y="684" width="46" height="46" fill="#008FD4"/><rect x="57" y="684" width="46" height="46" fill="#008FD4"/><rect x="114" y="684" width="46" height="46" fill="#8AC647"/><rect x="171" y="684" width="46" height="46" fill="#008FD4"/><rect x="228" y="684" width="46" height="46" fill="#8AC647"/><rect x="285" y="684" width="46" height="46" fill="#008FD4"/><rect x="513" y="684" width="46" height="46" fill="#8AC647"/><rect x="0" y="741" width="46" height="46" fill="#008FD4"/><rect x="57" y="741" width="46" height="46" fill="#008FD4"/><rect x="114" y="741" width="46" height="46" fill="#8AC647"/><rect x="171" y="741" width="46" height="46" fill="#8AC647"/><rect x="228" y="741" width="46" height="46" fill="#8AC647"/><rect x="285" y="741" width="46" height="46" fill="#8AC647"/><rect x="342" y="741" width="46" height="46" fill="#8AC647"/><rect x="399" y="741" width="46" height="46" fill="#8AC647"/><rect x="0" y="798" width="46" height="46" fill="#008FD4"/><rect x="57" y="798" width="46" height="46" fill="#8AC647"/><rect x="114" y="798" width="46" height="46" fill="#008FD4"/><rect x="171" y="798" width="46" height="46" fill="#8AC647"/><rect x="228" y="798" width="46" height="46" fill="#008FD4"/><rect x="285" y="798" width="46" height="46" fill="#008FD4"/><rect x="342" y="798" width="46" height="46" fill="#8AC647"/><rect x="0" y="855" width="46" height="46" fill="#008FD4"/><rect x="57" y="855" width="46" height="46" fill="#8AC647"/><rect x="114" y="855" width="46" height="46" fill="#8AC647"/><rect x="171" y="855" width="46" height="46" fill="#8AC647"/><rect x="228" y="855" width="46" height="46" fill="#8AC647"/><rect x="285" y="855" width="46" height="46" fill="#8AC647"/><rect x="399" y="855" width="46" height="46" fill="#8AC647"/><rect x="0" y="912" width="46" height="46" fill="#008FD4"/><rect x="57" y="912" width="46" height="46" fill="#8AC647"/><rect x="114" y="912" width="46" height="46" fill="#8AC647"/><rect x="171" y="912" width="46" height="46" fill="#8AC647"/><rect x="228" y="912" width="46" height="46" fill="#8AC647"/><rect x="285" y="912" width="46" height="46" fill="#8AC647"/><rect x="342" y="912" width="46" height="46" fill="#8AC647"/><rect x="0" y="969" width="46" height="46" fill="#8AC647"/><rect x="57" y="969" width="46" height="46" fill="#8AC647"/><rect x="114" y="969" width="46" height="46" fill="#008FD4"/><rect x="171" y="969" width="46" height="46" fill="#8AC647"/><rect x="228" y="969" width="46" height="46" fill="#8AC647"/><rect x="285" y="969" width="46" height="46" fill="#8AC647"/><rect x="342" y="969" width="46" height="46" fill="#008FD4"/><rect x="399" y="969" width="46" height="46" fill="#8AC647"/><rect x="0" y="1026" width="46" height="46" fill="#008FD4"/><rect x="57" y="1026" width="46" height="46" fill="#008FD4"/><rect x="114" y="1026" width="46" height="46" fill="#8AC647"/><rect x="171" y="1026" width="46" height="46" fill="#8AC647"/><rect x="342" y="1026" width="46" height="46" fill="#008FD4"/><rect x="399" y="1026" width="46" height="46" fill="#8AC647"/><rect x="513" y="1026" width="46" height="46" fill="#8AC647"/><rect x="0" y="1083" width="46" height="46" fill="#008FD4"/><rect x="57" y="1083" width="46" height="46" fill="#8AC647"/><rect x="114" y="1083" width="46" height="46" fill="#8AC647"/><rect x="171" y="1083" width="46" height="46" fill="#008FD4"/><rect x="228" y="1083" width="46" height="46" fill="#8AC647"/><rect x="285" y="1083" width="46" height="46" fill="#8AC647"/><rect x="342" y="1083" width="46" height="46" fill="#8AC647"/><rect x="0" y="1140" width="46" height="46" fill="#008FD4"/><rect x="57" y="1140" width="46" height="46" fill="#8AC647"/><rect x="114" y="1140" width="46" height="46" fill="#8AC647"/><rect x="171" y="1140" width="46" height="46" fill="#8AC647"/><rect x="228" y="1140" width="46" height="46" fill="#8AC647"/><rect x="285" y="1140" width="46" height="46" fill="#008FD4"/><rect x="0" y="1197" width="46" height="46" fill="#008FD4"/><rect x="57" y="1197" width="46" height="46" fill="#8AC647"/><rect x="114" y="1197" width="46" height="46" fill="#008FD4"/><rect x="171" y="1197" width="46" height="46" fill="#8AC647"/><rect x="228" y="1197" width="46" height="46" fill="#008FD4"/><rect x="285" y="1197" width="46" height="46" fill="#8AC647"/><rect x="342" y="1197" width="46" height="46" fill="#8AC647"/><rect x="399" y="1197" width="46" height="46" fill="#8AC647"/><rect x="0" y="1254" width="46" height="46" fill="#008FD4"/><rect x="57" y="1254" width="46" height="46" fill="#8AC647"/><rect x="114" y="1254" width="46" height="46" fill="#8AC647"/><rect x="171" y="1254" width="46" height="46" fill="#008FD4"/><rect x="228" y="1254" width="46" height="46" fill="#008FD4"/><rect x="285" y="1254" width="46" height="46" fill="#8AC647"/><rect x="342" y="1254" width="46" height="46" fill="#8AC647"/><rect x="399" y="1254" width="46" height="46" fill="#8AC647"/><rect x="456" y="1254" width="46" height="46" fill="#8AC647"/><rect x="0" y="1311" width="46" height="46" fill="#8AC647"/><rect x="57" y="1311" width="46" height="46" fill="#008FD4"/><rect x="114" y="1311" width="46" height="46" fill="#008FD4"/><rect x="171" y="1311" width="46" height="46" fill="#8AC647"/><rect x="228" y="1311" width="46" height="46" fill="#8AC647"/><rect x="285" y="1311" width="46" height="46" fill="#008FD4"/><rect x="342" y="1311" width="46" height="46" fill="#8AC647"/><rect x="399" y="1311" width="46" height="46" fill="#8AC647"/><rect x="456" y="1311" width="46" height="46" fill="#8AC647"/><rect x="0" y="1368" width="46" height="46" fill="#8AC647"/><rect x="57" y="1368" width="46" height="46" fill="#8AC647"/><rect x="114" y="1368" width="46" height="46" fill="#8AC647"/><rect x="171" y="1368" width="46" height="46" fill="#8AC647"/><rect x="228" y="1368" width="46" height="46" fill="#8AC647"/><rect x="285" y="1368" width="46" height="46" fill="#8AC647"/><rect x="342" y="1368" width="46" height="46" fill="#8AC647"/><rect x="399" y="1368" width="46" height="46" fill="#8AC647"/><rect x="456" y="1368" width="46" height="46" fill="#8AC647"/><rect x="0" y="1425" width="46" height="46" fill="#008FD4"/><rect x="57" y="1425" width="46" height="46" fill="#008FD4"/><rect x="114" y="1425" width="46" height="46" fill="#8AC647"/><rect x="171" y="1425" width="46" height="46" fill="#008FD4"/><rect x="228" y="1425" width="46" height="46" fill="#8AC647"/><rect x="285" y="1425" width="46" height="46" fill="#8AC647"/><rect x="0" y="1482" width="46" height="46" fill="#8AC647"/><rect x="57" y="1482" width="46" height="46" fill="#8AC647"/><rect x="114" y="1482" width="46" height="46" fill="#8AC647"/><rect x="171" y="1482" width="46" height="46" fill="#008FD4"/><rect x="228" y="1482" width="46" height="46" fill="#8AC647"/><rect x="285" y="1482" width="46" height="46" fill="#8AC647"/><rect x="513" y="1482" width="46" height="46" fill="#8AC647"/><rect x="0" y="1539" width="46" height="46" fill="#008FD4"/><rect x="57" y="1539" width="46" height="46" fill="#8AC647"/><rect x="114" y="1539" width="46" height="46" fill="#8AC647"/><rect x="171" y="1539" width="46" height="46" fill="#8AC647"/><rect x="285" y="1539" width="46" height="46" fill="#008FD4"/><rect x="342" y="1539" width="46" height="46" fill="#8AC647"/><rect x="0" y="1596" width="46" height="46" fill="#8AC647"/><rect x="57" y="1596" width="46" height="46" fill="#8AC647"/><rect x="114" y="1596" width="46" height="46" fill="#8AC647"/><rect x="171" y="1596" width="46" height="46" fill="#8AC647"/><rect x="228" y="1596" width="46" height="46" fill="#008FD4"/><rect x="285" y="1596" width="46" height="46" fill="#8AC647"/><rect x="342" y="1596" width="46" height="46" fill="#8AC647"/><rect x="399" y="1596" width="46" height="46" fill="#8AC647"/><rect x="0" y="1653" width="46" height="46" fill="#008FD4"/><rect x="57" y="1653" width="46" height="46" fill="#8AC647"/><rect x="114" y="1653" width="46" height="46" fill="#008FD4"/><rect x="171" y="1653" width="46" height="46" fill="#008FD4"/><rect x="228" y="1653" width="46" height="46" fill="#8AC647"/><rect x="285" y="1653" width="46" height="46" fill="#8AC647"/><rect x="342" y="1653" width="46" height="46" fill="#8AC647"/><rect x="456" y="1653" width="46" height="46" fill="#8AC647"/><rect x="0" y="1710" width="46" height="46" fill="#008FD4"/><rect x="57" y="1710" width="46" height="46" fill="#008FD4"/><rect x="114" y="1710" width="46" height="46" fill="#8AC647"/><rect x="171" y="1710" width="46" height="46" fill="#008FD4"/><rect x="228" y="1710" width="46" height="46" fill="#8AC647"/><rect x="285" y="1710" width="46" height="46" fill="#8AC647"/><rect x="399" y="1710" width="46" height="46" fill="#8AC647"/><rect x="0" y="1767" width="46" height="46" fill="#008FD4"/><rect x="57" y="1767" width="46" height="46" fill="#8AC647"/><rect x="114" y="1767" width="46" height="46" fill="#8AC647"/><rect x="171" y="1767" width="46" height="46" fill="#008FD4"/><rect x="285" y="1767" width="46" height="46" fill="#8AC647"/><rect x="342" y="1767" width="46" height="46" fill="#8AC647"/><rect x="399" y="1767" width="46" height="46" fill="#008FD4"/><rect x="0" y="1824" width="46" height="46" fill="#008FD4"/><rect x="57" y="1824" width="46" height="46" fill="#008FD4"/><rect x="114" y="1824" width="46" height="46" fill="#008FD4"/><rect x="171" y="1824" width="46" height="46" fill="#008FD4"/><rect x="228" y="1824" width="46" height="46" fill="#8AC647"/><rect x="285" y="1824" width="46" height="46" fill="#8AC647"/><rect x="399" y="1824" width="46" height="46" fill="#8AC647"/><rect x="0" y="1881" width="46" height="46" fill="#8AC647"/><rect x="57" y="1881" width="46" height="46" fill="#008FD4"/><rect x="114" y="1881" width="46" height="46" fill="#008FD4"/><rect x="171" y="1881" width="46" height="46" fill="#008FD4"/><rect x="228" y="1881" width="46" height="46" fill="#008FD4"/><rect x="285" y="1881" width="46" height="46" fill="#8AC647"/><rect x="342" y="1881" width="46" height="46" fill="#8AC647"/><rect x="0" y="1938" width="46" height="46" fill="#8AC647"/><rect x="57" y="1938" width="46" height="46" fill="#008FD4"/><rect x="114" y="1938" width="46" height="46" fill="#8AC647"/><rect x="171" y="1938" width="46" height="46" fill="#008FD4"/><rect x="228" y="1938" width="46" height="46" fill="#008FD4"/><rect x="285" y="1938" width="46" height="46" fill="#008FD4"/><rect x="342" y="1938" width="46" height="46" fill="#8AC647"/><rect x="399" y="1938" width="46" height="46" fill="#008FD4"/><rect x="0" y="1995" width="46" height="46" fill="#008FD4"/><rect x="57" y="1995" width="46" height="46" fill="#008FD4"/><rect x="114" y="1995" width="46" height="46" fill="#8AC647"/><rect x="171" y="1995" width="46" height="46" fill="#8AC647"/><rect x="228" y="1995" width="46" height="46" fill="#8AC647"/><rect x="285" y="1995" width="46" height="46" fill="#8AC647"/><rect x="342" y="1995" width="46" height="46" fill="#8AC647"/><rect x="399" y="1995" width="46" height="46" fill="#008FD4"/><rect x="513" y="1995" width="46" height="46" fill="#8AC647"/></svg>

ichec_brand-0.3.0/brands/ichec/blocks/strip-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 559 2041" width="559" height="2041"><rect x="0" y="0" width="46" height="46" fill="#008FD4"/><rect x="171" y="0" width="46" height="46" fill="#8AC647"/><rect x="228" y="0" width="46" height="46" fill="#8AC647"/><rect x="285" y="0" width="46" height="46" fill="#008FD4"/><rect x="342" y="0" width="46" height="46" fill="#8AC647"/><rect x="399" y="0" width="46" height="46" fill="#008FD4"/><rect x="456" y="0" width="46" height="46" fill="#008FD4"/><rect x="513" y="0" width="46" height="46" fill="#8AC647"/><rect x="57" y="57" width="46" height="46" fill="#008FD4"/><rect x="114" y="57" width="46" height="46" fill="#8AC647"/><rect x="171" y="57" width="46" height="46" fill="#8AC647"/><rect x="228" y="57" width="46" height="46" fill="#8AC647"/><rect x="285" y="57" width="46" height="46" fill="#8AC647"/><rect x="342" y="57" width="46" height="46" fill="#8AC647"/><rect x="399" y="57" width="46" height="46" fill="#8AC647"/><rect x="456" y="57" width="46" height="46" fill="#008FD4"/><rect x="513" y="57" width="46" height="46" fill="#008FD4"/><rect x="57" y="114" width="46" height="46" fill="#8AC647"/><rect x="114" y="114" width="46" height="46" fill="#8AC647"/><rect x="171" y="114" width="46" height="46" fill="#8AC647"/><rect x="228" y="114" width="46" height="46" fill="#8AC647"/><rect x="285" y="114" width="46" height="46" fill="#8AC647"/><rect x="342" y="114" width="46" height="46" fill="#008FD4"/><rect x="399" y="114" width="46" height="46" fill="#008FD4"/><rect x="456" y="114" width="46" height="46" fill="#8AC647"/><rect x="513" y="114" width="46" height="46" fill="#008FD4"/><rect x="171" y="171" width="46" height="46" fill="#8AC647"/><rect x="228" y="171" width="46" height="46" fill="#8AC647"/><rect x="342" y="171" width="46" height="46" fill="#8AC647"/><rect x="399" y="171" width="46" height="46" fill="#8AC647"/><rect x="456" y="171" width="46" height="46" fill="#008FD4"/><rect x="513" y="171" width="46" height="46" fill="#008FD4"/><rect x="171" y="228" width="46" height="46" fill="#8AC647"/><rect x="228" y="228" width="46" height="46" fill="#8AC647"/><rect x="285" y="228" width="46" height="46" fill="#008FD4"/><rect x="342" y="228" width="46" height="46" fill="#008FD4"/><rect x="399" y="228" width="46" height="46" fill="#8AC647"/><rect x="456" y="228" width="46" height="46" fill="#008FD4"/><rect x="513" y="228" width="46" height="46" fill="#008FD4"/><rect x="171" y="285" width="46" height="46" fill="#8AC647"/><rect x="228" y="285" width="46" height="46" fill="#8AC647"/><rect x="285" y="285" width="46" height="46" fill="#8AC647"/><rect x="342" y="285" width="46" height="46" fill="#8AC647"/><rect x="399" y="285" width="46" height="46" fill="#8AC647"/><rect x="456" y="285" width="46" height="46" fill="#8AC647"/><rect x="513" y="285" width="46" height="46" fill="#8AC647"/><rect x="114" y="342" width="46" height="46" fill="#8AC647"/><rect x="228" y="342" width="46" height="46" fill="#8AC647"/><rect x="285" y="342" width="46" height="46" fill="#8AC647"/><rect x="342" y="342" width="46" height="46" fill="#008FD4"/><rect x="399" y="342" width="46" height="46" fill="#008FD4"/><rect x="456" y="342" width="46" height="46" fill="#008FD4"/><rect x="513" y="342" width="46" height="46" fill="#008FD4"/><rect x="114" y="399" width="46" height="46" fill="#8AC647"/><rect x="171" y="399" width="46" height="46" fill="#8AC647"/><rect x="228" y="399" width="46" height="46" fill="#8AC647"/><rect x="285" y="399" width="46" height="46" fill="#8AC647"/><rect x="342" y="399" width="46" height="46" fill="#8AC647"/><rect x="399" y="399" width="46" height="46" fill="#008FD4"/><rect x="456" y="399" width="46" height="46" fill="#008FD4"/><rect x="513" y="399" width="46" height="46" fill="#8AC647"/><rect x="0" y="456" width="46" height="46" fill="#8AC647"/><rect x="171" y="456" width="46" height="46" fill="#8AC647"/><rect x="228" y="456" width="46" height="46" fill="#8AC647"/><rect x="285" y="456" width="46" height="46" fill="#8AC647"/><rect x="342" y="456" width="46" height="46" fill="#8AC647"/><rect x="399" y="456" width="46" height="46" fill="#008FD4"/><rect x="456" y="456" width="46" height="46" fill="#008FD4"/><rect x="513" y="456" width="46" height="46" fill="#8AC647"/><rect x="114" y="513" width="46" height="46" fill="#8AC647"/><rect x="228" y="513" width="46" height="46" fill="#008FD4"/><rect x="285" y="513" width="46" height="46" fill="#8AC647"/><rect x="342" y="513" width="46" height="46" fill="#8AC647"/><rect x="399" y="513" width="46" height="46" fill="#008FD4"/><rect x="456" y="513" width="46" height="46" fill="#8AC647"/><rect x="513" y="513" width="46" height="46" fill="#8AC647"/><rect x="57" y="570" width="46" height="46" fill="#8AC647"/><rect x="228" y="570" width="46" height="46" fill="#8AC647"/><rect x="285" y="570" width="46" height="46" fill="#8AC647"/><rect x="342" y="570" width="46" height="46" fill="#8AC647"/><rect x="399" y="570" width="46" height="46" fill="#8AC647"/><rect x="456" y="570" width="46" height="46" fill="#8AC647"/><rect x="513" y="570" width="46" height="46" fill="#008FD4"/><rect x="57" y="627" width="46" height="46" fill="#8AC647"/><rect x="171" y="627" width="46" height="46" fill="#8AC647"/><rect x="285" y="627" width="46" height="46" fill="#008FD4"/><rect x="342" y="627" width="46" height="46" fill="#008FD4"/><rect x="399" y="627" width="46" height="46" fill="#8AC647"/><rect x="456" y="627" width="46" height="46" fill="#8AC647"/><rect x="513" y="627" width="46" height="46" fill="#008FD4"/><rect x="228" y="684" width="46" height="46" fill="#8AC647"/><rect x="285" y="684" width="46" height="46" fill="#008FD4"/><rect x="342" y="684" width="46" height="46" fill="#008FD4"/><rect x="399" y="684" width="46" height="46" fill="#008FD4"/><rect x="456" y="684" width="46" height="46" fill="#8AC647"/><rect x="513" y="684" width="46" height="46" fill="#008FD4"/><rect x="57" y="741" width="46" height="46" fill="#8AC647"/><rect x="171" y="741" width="46" height="46" fill="#8AC647"/><rect x="228" y="741" width="46" height="46" fill="#8AC647"/><rect x="285" y="741" width="46" height="46" fill="#8AC647"/><rect x="342" y="741" width="46" height="46" fill="#8AC647"/><rect x="399" y="741" width="46" height="46" fill="#8AC647"/><rect x="456" y="741" width="46" height="46" fill="#008FD4"/><rect x="513" y="741" width="46" height="46" fill="#8AC647"/><rect x="114" y="798" width="46" height="46" fill="#008FD4"/><rect x="171" y="798" width="46" height="46" fill="#8AC647"/><rect x="228" y="798" width="46" height="46" fill="#008FD4"/><rect x="285" y="798" width="46" height="46" fill="#008FD4"/><rect x="342" y="798" width="46" height="46" fill="#8AC647"/><rect x="399" y="798" width="46" height="46" fill="#008FD4"/><rect x="456" y="798" width="46" height="46" fill="#008FD4"/><rect x="513" y="798" width="46" height="46" fill="#008FD4"/><rect x="57" y="855" width="46" height="46" fill="#8AC647"/><rect x="171" y="855" width="46" height="46" fill="#8AC647"/><rect x="228" y="855" width="46" height="46" fill="#8AC647"/><rect x="285" y="855" width="46" height="46" fill="#8AC647"/><rect x="342" y="855" width="46" height="46" fill="#8AC647"/><rect x="399" y="855" width="46" height="46" fill="#8AC647"/><rect x="456" y="855" width="46" height="46" fill="#008FD4"/><rect x="513" y="855" width="46" height="46" fill="#008FD4"/><rect x="285" y="912" width="46" height="46" fill="#8AC647"/><rect x="342" y="912" width="46" height="46" fill="#8AC647"/><rect x="399" y="912" width="46" height="46" fill="#008FD4"/><rect x="456" y="912" width="46" height="46" fill="#008FD4"/><rect x="513" y="912" width="46" height="46" fill="#008FD4"/><rect x="171" y="969" width="46" height="46" fill="#8AC647"/><rect x="228" y="969" width="46" height="46" fill="#8AC647"/><rect x="285" y="969" width="46" height="46" fill="#8AC647"/><rect x="342" y="969" width="46" height="46" fill="#008FD4"/><rect x="399" y="969" width="46" height="46" fill="#8AC647"/><rect x="456" y="969" width="46" height="46" fill="#008FD4"/><rect x="513" y="969" width="46" height="46" fill="#008FD4"/><rect x="114" y="1026" width="46" height="46" fill="#8AC647"/><rect x="171" y="1026" width="46" height="46" fill="#8AC647"/><rect x="342" y="1026" width="46" height="46" fill="#008FD4"/><rect x="399" y="1026" width="46" height="46" fill="#8AC647"/><rect x="456" y="1026" width="46" height="46" fill="#008FD4"/><rect x="513" y="1026" width="46" height="46" fill="#008FD4"/><rect x="114" y="1083" width="46" height="46" fill="#8AC647"/><rect x="228" y="1083" width="46" height="46" fill="#8AC647"/><rect x="285" y="1083" width="46" height="46" fill="#8AC647"/><rect x="342" y="1083" width="46" height="46" fill="#8AC647"/><rect x="399" y="1083" width="46" height="46" fill="#8AC647"/><rect x="456" y="1083" width="46" height="46" fill="#8AC647"/><rect x="513" y="1083" width="46" height="46" fill="#8AC647"/><rect x="228" y="1140" width="46" height="46" fill="#8AC647"/><rect x="285" y="1140" width="46" height="46" fill="#008FD4"/><rect x="399" y="1140" width="46" height="46" fill="#008FD4"/><rect x="456" y="1140" width="46" height="46" fill="#008FD4"/><rect x="513" y="1140" width="46" height="46" fill="#008FD4"/><rect x="114" y="1197" width="46" height="46" fill="#008FD4"/><rect x="171" y="1197" width="46" height="46" fill="#8AC647"/><rect x="228" y="1197" width="46" height="46" fill="#008FD4"/><rect x="285" y="1197" width="46" height="46" fill="#8AC647"/><rect x="342" y="1197" width="46" height="46" fill="#8AC647"/><rect x="399" y="1197" width="46" height="46" fill="#8AC647"/><rect x="456" y="1197" width="46" height="46" fill="#8AC647"/><rect x="513" y="1197" width="46" height="46" fill="#008FD4"/><rect x="228" y="1254" width="46" height="46" fill="#008FD4"/><rect x="285" y="1254" width="46" height="46" fill="#8AC647"/><rect x="342" y="1254" width="46" height="46" fill="#8AC647"/><rect x="399" y="1254" width="46" height="46" fill="#008FD4"/><rect x="456" y="1254" width="46" height="46" fill="#008FD4"/><rect x="513" y="1254" width="46" height="46" fill="#8AC647"/><rect x="114" y="1311" width="46" height="46" fill="#8AC647"/><rect x="171" y="1311" width="46" height="46" fill="#8AC647"/><rect x="228" y="1311" width="46" height="46" fill="#8AC647"/><rect x="285" y="1311" width="46" height="46" fill="#008FD4"/><rect x="342" y="1311" width="46" height="46" fill="#8AC647"/><rect x="399" y="1311" width="46" height="46" fill="#008FD4"/><rect x="456" y="1311" width="46" height="46" fill="#008FD4"/><rect x="513" y="1311" width="46" height="46" fill="#8AC647"/><rect x="114" y="1368" width="46" height="46" fill="#8AC647"/><rect x="285" y="1368" width="46" height="46" fill="#8AC647"/><rect x="342" y="1368" width="46" height="46" fill="#8AC647"/><rect x="399" y="1368" width="46" height="46" fill="#8AC647"/><rect x="456" y="1368" width="46" height="46" fill="#008FD4"/><rect x="513" y="1368" width="46" height="46" fill="#008FD4"/><rect x="114" y="1425" width="46" height="46" fill="#8AC647"/><rect x="171" y="1425" width="46" height="46" fill="#008FD4"/><rect x="228" y="1425" width="46" height="46" fill="#8AC647"/><rect x="285" y="1425" width="46" height="46" fill="#8AC647"/><rect x="342" y="1425" width="46" height="46" fill="#8AC647"/><rect x="399" y="1425" width="46" height="46" fill="#8AC647"/><rect x="456" y="1425" width="46" height="46" fill="#8AC647"/><rect x="513" y="1425" width="46" height="46" fill="#008FD4"/><rect x="171" y="1482" width="46" height="46" fill="#8AC647"/><rect x="228" y="1482" width="46" height="46" fill="#8AC647"/><rect x="285" y="1482" width="46" height="46" fill="#8AC647"/><rect x="342" y="1482" width="46" height="46" fill="#8AC647"/><rect x="399" y="1482" width="46" height="46" fill="#8AC647"/><rect x="456" y="1482" width="46" height="46" fill="#8AC647"/><rect x="513" y="1482" width="46" height="46" fill="#8AC647"/><rect x="171" y="1539" width="46" height="46" fill="#8AC647"/><rect x="285" y="1539" width="46" height="46" fill="#008FD4"/><rect x="342" y="1539" width="46" height="46" fill="#8AC647"/><rect x="399" y="1539" width="46" height="46" fill="#008FD4"/><rect x="456" y="1539" width="46" height="46" fill="#8AC647"/><rect x="513" y="1539" width="46" height="46" fill="#008FD4"/><rect x="57" y="1596" width="46" height="46" fill="#8AC647"/><rect x="114" y="1596" width="46" height="46" fill="#8AC647"/><rect x="171" y="1596" width="46" height="46" fill="#8AC647"/><rect x="228" y="1596" width="46" height="46" fill="#008FD4"/><rect x="285" y="1596" width="46" height="46" fill="#8AC647"/><rect x="342" y="1596" width="46" height="46" fill="#8AC647"/><rect x="399" y="1596" width="46" height="46" fill="#8AC647"/><rect x="456" y="1596" width="46" height="46" fill="#008FD4"/><rect x="513" y="1596" width="46" height="46" fill="#8AC647"/><rect x="57" y="1653" width="46" height="46" fill="#8AC647"/><rect x="114" y="1653" width="46" height="46" fill="#8AC647"/><rect x="171" y="1653" width="46" height="46" fill="#008FD4"/><rect x="228" y="1653" width="46" height="46" fill="#8AC647"/><rect x="285" y="1653" width="46" height="46" fill="#8AC647"/><rect x="342" y="1653" width="46" height="46" fill="#8AC647"/><rect x="399" y="1653" width="46" height="46" fill="#008FD4"/><rect x="456" y="1653" width="46" height="46" fill="#008FD4"/><rect x="513" y="1653" width="46" height="46" fill="#008FD4"/><rect x="228" y="1710" width="46" height="46" fill="#8AC647"/><rect x="285" y="1710" width="46" height="46" fill="#8AC647"/><rect x="342" y="1710" width="46" height="46" fill="#8AC647"/><rect x="399" y="1710" width="46" height="46" fill="#008FD4"/><rect x="456" y="1710" width="46" height="46" fill="#008FD4"/><rect x="513" y="1710" width="46" height="46" fill="#8AC647"/><rect x="171" y="1767" width="46" height="46" fill="#008FD4"/><rect x="285" y="1767" width="46" height="46" fill="#8AC647"/><rect x="342" y="1767" width="46" height="46" fill="#8AC647"/><rect x="399" y="1767" width="46" height="46" fill="#008FD4"/><rect x="456" y="1767" width="46" height="46" fill="#8AC647"/><rect x="513" y="1767" width="46" height="46" fill="#8AC647"/><rect x="114" y="1824" width="46" height="46" fill="#8AC647"/><rect x="171" y="1824" width="46" height="46" fill="#008FD4"/><rect x="228" y="1824" width="46" height="46" fill="#8AC647"/><rect x="285" y="1824" width="46" height="46" fill="#8AC647"/><rect x="342" y="1824" width="46" height="46" fill="#8AC647"/><rect x="399" y="1824" width="46" height="46" fill="#8AC647"/><rect x="456" y="1824" width="46" height="46" fill="#8AC647"/><rect x="513" y="1824" width="46" height="46" fill="#008FD4"/><rect x="114" y="1881" width="46" height="46" fill="#8AC647"/><rect x="171" y="1881" width="46" height="46" fill="#008FD4"/><rect x="228" y="1881" width="46" height="46" fill="#008FD4"/><rect x="285" y="1881" width="46" height="46" fill="#8AC647"/><rect x="342" y="1881" width="46" height="46" fill="#8AC647"/><rect x="399" y="1881" width="46" height="46" fill="#008FD4"/><rect x="456" y="1881" width="46" height="46" fill="#008FD4"/><rect x="513" y="1881" width="46" height="46" fill="#008FD4"/><rect x="228" y="1938" width="46" height="46" fill="#008FD4"/><rect x="285" y="1938" width="46" height="46" fill="#008FD4"/><rect x="342" y="1938" width="46" height="46" fill="#8AC647"/><rect x="399" y="1938" width="46" height="46" fill="#008FD4"/><rect x="456" y="1938" width="46" height="46" fill="#8AC647"/><rect x="513" y="1938" width="46" height="46" fill="#8AC647"/><rect x="57" y="1995" width="46" height="46" fill="#008FD4"/><rect x="228" y="1995" width="46" height="46" fill="#8AC647"/><rect x="285" y="1995" width="46" height="46" fill="#8AC647"/><rect x="342" y="1995" width="46" height="46" fill="#8AC647"/><rect x="399" y="1995" width="46" height="46" fill="#008FD4"/><rect x="456" y="1995" width="46" height="46" fill="#008FD4"/><rect x="513" y="1995" width="46" height="46" fill="#008FD4"/></svg>

ichec_brand-0.3.0/brands/ichec/brand.json

@@ -0,0 +1,85 @@
+{
+  "name": "Irish Centre for High-End Computing",
+  "shortName": "ICHEC",
+  "website": "https://www.ichec.ie",
+  "motif": "blocks",
+  "header": {"logo": "full", "background": "surface"},
+  "footer": {"logo": "fullOnDark", "background": "surface-dark"},
+  "logos": {
+    "full": "logo/logo.svg",
+    "fullOnDark": "logo/logo-white.svg",
+    "fullMonoWhite": "logo/logo-mono-white.svg",
+    "short": "logo/logo-short.svg",
+    "shortOnDark": "logo/logo-short-white.svg",
+    "mark": "logo/mark.svg",
+    "markOnDark": "logo/mark-white.svg"
+  },
+  "fonts": {
+    "css": "fonts/fonts.css",
+    "files": ["fonts/Raleway[wght].ttf", "fonts/Raleway-Italic[wght].ttf"],
+    "licence": "fonts/OFL.txt"
+  },
+  "tokens": {
+    "color": {
+      "$type": "color",
+      "$description": "Core palette. The logo's blue and green are fills only: they are too light for text on white.",
+      "logo": {
+        "blue": {"$value": "#008FD4", "$description": "The logo's blue. Fills, marks and the blocks motif."},
+        "green": {"$value": "#8AC647", "$description": "The logo's green. Fills, marks and the blocks motif."},
+        "black": {"$value": "#231F20", "$description": "The logo's wordmark."}
+      },
+      "blue": {
+        "600": {"$value": "#017ACD", "$description": "Links, buttons and accent text, as on ichec.ie."},
+        "700": {"$value": "#015C9A", "$description": "Hover and pressed states."}
+      },
+      "navy": {"$value": "#08152A", "$description": "Headings and body text."},
+      "slate": {"$value": "#273C46", "$description": "Dark surfaces, such as footers and title slides."},
+      "grey": {
+        "50": {"$value": "#F3F3F3", "$description": "Panels and alternate rows."},
+        "200": {"$value": "#DFDFDF", "$description": "Borders and dividers."},
+        "500": {"$value": "#6B7780", "$description": "Secondary text on white."}
+      },
+      "white": {"$value": "#FFFFFF"},
+      "role": {
+        "$description": "What to use for what. Prefer these over the palette.",
+        "text": {"$value": "{color.navy}"},
+        "text-muted": {"$value": "{color.grey.500}"},
+        "link": {"$value": "{color.blue.600}"},
+        "primary": {"$value": "{color.blue.600}"},
+        "primary-hover": {"$value": "{color.blue.700}"},
+        "on-primary": {"$value": "{color.white}"},
+        "secondary": {"$value": "{color.logo.blue}", "$description": "Fills beside the primary, such as diagram shapes and icons. Not for text."},
+        "accent": {"$value": "{color.logo.green}"},
+        "surface": {"$value": "{color.white}"},
+        "surface-alt": {"$value": "{color.grey.50}"},
+        "surface-dark": {"$value": "{color.slate}"},
+        "on-surface-dark": {"$value": "{color.white}"},
+        "border": {"$value": "{color.grey.200}"}
+      }
+    },
+    "font": {
+      "family": {
+        "$type": "fontFamily",
+        "sans": {
+          "$value": ["Raleway", "Arial", "Helvetica", "sans-serif"],
+          "$description": "All text. Raleway ships in fonts/."
+        },
+        "heading": {
+          "$value": "{font.family.sans}",
+          "$description": "Headings and titles. A pack with a display face points this at it."
+        },
+        "mono": {
+          "$value": ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"],
+          "$description": "Code, commands and hostnames."
+        }
+      },
+      "weight": {
+        "$type": "fontWeight",
+        "regular": {"$value": 400},
+        "medium": {"$value": 500},
+        "semibold": {"$value": 600},
+        "bold": {"$value": 700}
+      }
+    }
+  }
+}