1# lofi brand assets23The visual system treats **lofi** as both a name and a quiet abbreviation for **lo**cal **fi**rst.4The two halves remain one uninterrupted word and are distinguished by color rather than spacing or5punctuation.67## Assets89| 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. |1718## Palette1920| 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` |2829The leaf is intentionally low-technology and organic. The self-contained greenhouse communicates30that an app remains useful locally; the smaller connected device makes sync visible but secondary.31Risograph grain and restrained print registration provide the music-genre reference without adding32literal headphones, records, or music notes.3334## Raster generation direction3536The raster assets use the approved solid leaf and heavy rounded wordmark, a sparse technical-grid37composition, and warm two-ink risograph texture. The hero omits all lettering. The banner renders38the exact lowercase word `lofi` once, with `lo` in acid lime and `fi` in soft cream.