Use the approved leaf mark for generated PWA, maskable, Apple touch, and favicon assets. Add the brand kit and place the GitHub banner at the top of the repository README.
- commit
- 6c6eb607d14e17c9c25d8422d81f86949fd65e6a
- parent
- d1203817add62049e666b222fd0f2f2fee99c7db
- author
- Dami <dami.etoile@gmail.com>
| M | README.md | 2 | ++ |
| M | apps/ | bin | |
| M | apps/ | 14 | +++++++++-- |
| M | apps/ | bin | |
| M | apps/ | bin | |
| M | apps/ | bin | |
| A | docs/ | 38 | ++++++++++++++++++++++++++++++ |
| A | docs/ | bin | |
| A | docs/ | bin | |
| A | docs/ | 21 | +++++++++++++++++ |
| A | docs/ | 21 | +++++++++++++++++ |
| A | docs/ | 38 | ++++++++++++++++++++++++++++++ |
| A | docs/ | 38 | ++++++++++++++++++++++++++++++ |
| M | package/ | 10 | ++++---- |
Binary file.
@@ -1,4 +1,12 @@
1-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">2- <rect width="64" height="64" rx="16" fill="#18231f" />3- <path d="M19 18v28h27v-8H28V18z" fill="#d5f26a" />1+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title">2+ <title id="title">lofi leaf mark</title>3+ <rect width="512" height="512" rx="112" fill="#18231f" />4+ <path5+ d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"6+ fill="#d5f26a"7+ />8+ <path9+ d="M164 184h38v127h105v38H164ZM168 319l30 22-92 125-30-22Z"10+ fill="#18231f"11+ />412 </svg>Binary file.
Binary file.
Binary file.
@@ -0,0 +1,38 @@
1+# lofi brand assets2+3+The visual system treats **lofi** as both a name and a quiet abbreviation for **lo**cal **fi**rst.4+The two halves remain one uninterrupted word and are distinguished by color rather than spacing or5+punctuation.6+7+## Assets8+9+| File | Use |10+| ----------------------------- | ------------------------------------------------------------------------------ |11+| `lofi-mark.svg` | Monochrome leaf mark. It inherits `currentColor`. |12+| `lofi-mark-color.svg` | Fixed acid-lime leaf mark on a transparent background. |13+| `lofi-titlemark-on-dark.svg` | Lime `lo` and cream `fi` for deep-green or other dark backgrounds. |14+| `lofi-titlemark-on-light.svg` | Forest `lo` and jade `fi` for cream, white, or other light backgrounds. |15+| `lofi-hero-art.png` | Text-free pocket-greenhouse illustration for README and documentation layouts. |16+| `lofi-github-banner.png` | Wide repository/social banner with the complete identity and product metaphor. |17+18+## Palette19+20+| Role | Color |21+| --------------------- | --------- |22+| Deep forest | `#18231f` |23+| Acid lime | `#d5f26a` |24+| Soft cream | `#f3faf6` |25+| Muted mint | `#99e5bd` |26+| Secondary forest | `#22332c` |27+| Light-background jade | `#39725c` |28+29+The leaf is intentionally low-technology and organic. The self-contained greenhouse communicates30+that an app remains useful locally; the smaller connected device makes sync visible but secondary.31+Risograph grain and restrained print registration provide the music-genre reference without adding32+literal headphones, records, or music notes.33+34+## Raster generation direction35+36+The raster assets use the approved solid leaf and heavy rounded wordmark, a sparse technical-grid37+composition, and warm two-ink risograph texture. The hero omits all lettering. The banner renders38+the exact lowercase word `lofi` once, with `lo` in acid lime and `fi` in soft cream.Binary file.
Binary file.
@@ -0,0 +1,21 @@
1+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title">2+ <title id="title">lofi lime leaf mark</title>3+ <defs>4+ <mask id="lofi-mark-color-cutout">5+ <rect width="512" height="512" fill="white" />6+ <path7+ d="M183 184v146h124M183 330 91 455"8+ fill="none"9+ stroke="black"10+ stroke-linecap="round"11+ stroke-linejoin="round"12+ stroke-width="38"13+ />14+ </mask>15+ </defs>16+ <path17+ d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"18+ fill="#d5f26a"19+ mask="url(#lofi-mark-color-cutout)"20+ />21+</svg>@@ -0,0 +1,21 @@
1+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title">2+ <title id="title">lofi leaf mark</title>3+ <defs>4+ <mask id="lofi-mark-cutout">5+ <rect width="512" height="512" fill="white" />6+ <path7+ d="M183 184v146h124M183 330 91 455"8+ fill="none"9+ stroke="black"10+ stroke-linecap="round"11+ stroke-linejoin="round"12+ stroke-width="38"13+ />14+ </mask>15+ </defs>16+ <path17+ d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"18+ fill="currentColor"19+ mask="url(#lofi-mark-cutout)"20+ />21+</svg>@@ -0,0 +1,38 @@
1+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1120 360" role="img" aria-labelledby="title">2+ <title id="title">lofi titlemark for dark backgrounds</title>3+ <defs>4+ <mask id="lofi-title-dark-cutout">5+ <rect width="512" height="512" fill="white" />6+ <path7+ d="M183 184v146h124M183 330 91 455"8+ fill="none"9+ stroke="black"10+ stroke-linecap="round"11+ stroke-linejoin="round"12+ stroke-width="38"13+ />14+ </mask>15+ </defs>16+ <g transform="translate(8 20) scale(.625)">17+ <path18+ d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"19+ fill="#d5f26a"20+ mask="url(#lofi-title-dark-cutout)"21+ />22+ </g>23+ <g fill="#d5f26a">24+ <rect x="375" y="58" width="54" height="242" rx="12" />25+ <path26+ d="M658 210a108 92 0 1 1-216 0 108 92 0 0 1 216 0Zm-55 0a53 46 0 1 0-106 0 53 46 0 0 0 106 0Z"27+ fill-rule="evenodd"28+ />29+ </g>30+ <g fill="none" stroke="#f3faf6" stroke-linecap="round" stroke-linejoin="round" stroke-width="54">31+ <path d="M765 300V146c0-62 33-89 95-89" />32+ <path d="M728 155h126" />33+ </g>34+ <g fill="#f3faf6">35+ <rect x="925" y="137" width="54" height="163" rx="12" />36+ <circle cx="952" cy="80" r="29" />37+ </g>38+</svg>@@ -0,0 +1,38 @@
1+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1120 360" role="img" aria-labelledby="title">2+ <title id="title">lofi titlemark for light backgrounds</title>3+ <defs>4+ <mask id="lofi-title-light-cutout">5+ <rect width="512" height="512" fill="white" />6+ <path7+ d="M183 184v146h124M183 330 91 455"8+ fill="none"9+ stroke="black"10+ stroke-linecap="round"11+ stroke-linejoin="round"12+ stroke-width="38"13+ />14+ </mask>15+ </defs>16+ <g transform="translate(8 20) scale(.625)">17+ <path18+ d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"19+ fill="#18231f"20+ mask="url(#lofi-title-light-cutout)"21+ />22+ </g>23+ <g fill="#18231f">24+ <rect x="375" y="58" width="54" height="242" rx="12" />25+ <path26+ d="M658 210a108 92 0 1 1-216 0 108 92 0 0 1 216 0Zm-55 0a53 46 0 1 0-106 0 53 46 0 0 0 106 0Z"27+ fill-rule="evenodd"28+ />29+ </g>30+ <g fill="none" stroke="#39725c" stroke-linecap="round" stroke-linejoin="round" stroke-width="54">31+ <path d="M765 300V146c0-62 33-89 95-89" />32+ <path d="M728 155h126" />33+ </g>34+ <g fill="#39725c">35+ <rect x="925" y="137" width="54" height="163" rx="12" />36+ <circle cx="952" cy="80" r="29" />37+ </g>38+</svg>@@ -2,11 +2,11 @@
22 ".env.example": "9b21194b6be854a0c3c14ce03e664a81d7102924c3bc3db00e51464df44a1c84",33 ".gitignore": "9b9fa4b95f8f728ce80e93fc224d430328786b620096b80f067a3190c410a00e",44 "deno.json": "e6f98cb7dfc571284a74960d5604ba115c1b642c588a4023a17eafe9a50d67b6",5- "public/apple-touch-icon.png": "7e1ef330b6bd071474b2db4f7e294ee8dc29046ec7e02484e0ff765f8dff89af",6- "public/favicon.svg": "23efdb888dae688715faafe3ef94f7b5ad1976afcc715c0a742218b54732c6ad",7- "public/icon-192.png": "0006987d46922e4ed70730c1e0b94ac343e3c035fcfc872b56c656c94ca9e730",8- "public/icon-512.png": "7900faacd2df9421da5494a4db4e0d4a76b106ec4ddf7f876353472ceeea5ca3",9- "public/icon-maskable-512.png": "bac5120e97173ac04bca40f0dce480b6aa2ce6b9f7d4c780227e1974f483f736",5+ "public/apple-touch-icon.png": "be2b77066d9681709210388413ddcd94318906799ddd6645934b789a04bd4a61",6+ "public/favicon.svg": "35b92ad48231c470b348eaebe6d6fe14acf2ec4a86e6726a03ccb130328a0d85",7+ "public/icon-192.png": "6ee711f9ec990ec55f789d7943813c5193973bf2ca9199078ee85d285317e07c",8+ "public/icon-512.png": "b943095ef43892d24974dabb7fe68221f365af749e6fd455a0d0296f08ecd854",9+ "public/icon-maskable-512.png": "c61dfca524605cfc073f1725af358599ce0aa38d4637fe5d3c5c59230ecbd3e2",1010 "public/manifest.webmanifest": "abbbf47b9f016b621ac14c9d71867bad79be944a5224482d1add3d137fd823d5",1111 "README.md": "38115d6a07c89acedcdf2801a2d9cb80d3083fde1269583db6db29b15a526982",1212 "src/app.ts": "4c4c6c3f6ad4123f6cffc7a480965c4ea38442676c2af662d1bbfe082d40194f",