FoyerFlow — Brand Asset Pack
==========================

This pack contains the official FoyerFlow wordmark and mark in two formats:

  · SVG — vector. Crisp at any size. Use for the web, embed in code, set as
    a favicon, send to designers. Requires the renderer to load Fraunces.

  · PNG — high-resolution raster (wordmark @ 2048 px wide, mark @ 2048 sq).
    Use for press kits, slide decks, Word / PowerPoint / Keynote, social-media
    uploads, email signatures, anywhere SVG isn't supported. The Fraunces
    glyphs are baked in — opens identically everywhere.

When in doubt → use the PNG. SVG is for engineers; PNG is for everyone else.

────────────────────────────────────────────────────────────────────────────
What's in here
────────────────────────────────────────────────────────────────────────────

wordmark/                                   The "foyerflow." wordmark.
  foyerflow-wordmark-light.svg                   Char text + emerald period · transparent bg
  foyerflow-wordmark-dark.svg                    Cream text + emerald-400 period · transparent bg
  foyerflow-wordmark-mono-char.svg               All-char monochrome · transparent
  foyerflow-wordmark-mono-cream.svg              All-cream monochrome · transparent
  foyerflow-wordmark-on-cream.svg                Light variant on a cream-50 rounded backdrop
  foyerflow-wordmark-on-char.svg                 Dark variant on a char-700 rounded backdrop

mark/                                       The "f." mark — for tight contexts.
  foyerflow-mark-light.svg                       Char "f." with emerald period · transparent
  foyerflow-mark-dark.svg                        Cream "f." with emerald-400 period · transparent
  foyerflow-mark-mono-char.svg                   All-char monochrome · transparent
  foyerflow-mark-mono-cream.svg                  All-cream monochrome · transparent
  foyerflow-mark-on-cream.svg                    Light variant on a cream rounded square
  foyerflow-mark-on-char.svg                     Dark variant on a char rounded square

favicon/                                    Browser tab + app icon variants.
  favicon.svg                                 Adaptive — switches via prefers-color-scheme
  favicon-light.svg                           32 × 32 light only
  favicon-dark.svg                            32 × 32 dark only
  favicon-512-light.svg                       512 × 512 light (PWA / app icon)
  favicon-512-dark.svg                        512 × 512 dark
  apple-touch-icon-light.svg                  180 × 180 (iOS / macOS home screen)
  apple-touch-icon-dark.svg                   180 × 180 dark

────────────────────────────────────────────────────────────────────────────
Typeface
────────────────────────────────────────────────────────────────────────────

The FoyerFlow wordmark is set in FRAUNCES, a free open-source variable serif by
Undercase Type. SVG files use a fallback chain:

    "Fraunces", ui-serif, Georgia, "Times New Roman", serif

If Fraunces isn't installed/loaded where the SVG renders, it falls back to
the next available serif — usable but not pixel-identical to the brand.

For pixel-perfect rendering everywhere, install Fraunces from:

    https://fonts.google.com/specimen/Fraunces

Or load it via Google Fonts in any web context where the SVG appears.

────────────────────────────────────────────────────────────────────────────
Color palette
────────────────────────────────────────────────────────────────────────────

Text & marks
  CHAR-700      #1F1D17   Wordmark / mark on light surfaces
  CREAM-100     #FAF7F2   Wordmark / mark on dark surfaces

Accent (the period)
  EMERALD-700   #047857   On light surfaces
  EMERALD-400   #34D399   On dark surfaces (brighter for legibility)

Backdrops (when used)
  CREAM-50      #FDFBF6   Light backdrop
  CHAR-700      #1F1D17   Dark backdrop

────────────────────────────────────────────────────────────────────────────
Generating PNG / raster versions
────────────────────────────────────────────────────────────────────────────

If you need PNGs for a context where SVG isn't supported (some emails, some
CMS uploads, some print workflows), you can render them yourself. Examples:

  ImageMagick:
    magick -density 300 foyerflow-wordmark-light.svg -resize 1024x foyerflow-wordmark-light.png

  Inkscape (CLI):
    inkscape foyerflow-wordmark-light.svg --export-type=png --export-width=1024 \
             --export-filename=foyerflow-wordmark-light.png

  Web browsers can also export SVGs to PNG via "Save Image As" or any
  online converter.

For brand-faithful PNGs, install Fraunces locally before rendering.

────────────────────────────────────────────────────────────────────────────
Usage
────────────────────────────────────────────────────────────────────────────

Permitted
  · Indicating a partnership / integration with FoyerFlow
  · "Built with FoyerFlow" or "Powered by FoyerFlow" badges
  · Linking to foyerflow.app
  · Promotional materials about your venue's use of FoyerFlow

Not permitted
  · Modifying the mark (don't recolor, don't add effects, don't outline)
  · Substituting the period with a middle-dot, em-dash, or other glyph
  · Combining the mark with another company's mark in a way that suggests
    affiliation we haven't agreed to
  · Using the mark as the primary identifier of a non-FoyerFlow product

Spacing
  Always leave clear space equal to the mark's height around the wordmark
  on every side. Don't crop; don't crowd.

Minimum sizes
  Wordmark: 80 px wide
  Mark:     16 px square (omit the emerald period below 20 px — it disappears)

────────────────────────────────────────────────────────────────────────────
Questions
────────────────────────────────────────────────────────────────────────────

hello@foyerflow.app

────────────────────────────────────────────────────────────────────────────

Anton Eremeeff (trading as FoyerFlow), IČO 09673024 — All rights reserved.