Branding & Logo Assets

YGC's visual identity uses Philippine national colors as a tribute to the Yatco family's roots in Biñan, Laguna.

Palette

Color	Hex	Usage
Royal Blue	`#0038A8`	Primary — medallion field, main typography
Vermillion Red	`#CE1126`	Accent — emphasis bars, CTAs
Sun Yellow	`#FCD116`	Sun rays, ring border, stars
White	`#FFFFFF`	Wordmark, negative space

These match the official Philippine flag colors.

Logo variants

All assets live in ygc17-docs/static/img/ and are also distributed to each Odoo module's static/description/ and static/src/img/ folders.

File	Use
`logo.svg`	Full master — medallion + 16-ray sun + "YATCO GROUP" tagline. Vector, scales infinitely.
`logo-mark.svg`	Compact mark — medallion only, no rays, no tagline. For navbars, app icons, favicons.
`logo-512.png` / `logo-256.png` / `logo-128.png`	Rasterized full logo at common sizes
`logo-mark-240.png`	Odoo module icon — drop into each module's `static/description/icon.png`
`apple-touch-icon.png`	180×180 — iOS home-screen icon
`favicon.ico`	Multi-resolution (16/32/48) for browser tabs
`favicon-16.png` / `favicon-32.png` / `favicon-48.png`	Individual PNG sizes

Composition

The full logo combines four traditional Philippine motifs:

16-ray sun — 8 primary rays + 8 short rays alternating; symbol of liberty on the Philippine flag
Three stars — Luzon, Visayas, Mindanao (the three main island groups)
Royal blue medallion — Philippine flag blue
Red accent bar — Philippine flag red

The "YGC" wordmark uses bold sans-serif typography (Helvetica Neue / Arial Black weight) with tight letter-spacing for impact at small sizes.

Regenerating the PNGs

The vector source files (logo.svg, logo-mark.svg) are the master. To regenerate all PNG variants and the favicon.ico after editing either SVG:

cd /Users/jsalinga/odoo/odoo17/custom/ygc17/ygc17-docs
/Users/jsalinga/odoo/odoo17/venv/bin/python scripts/render_logo.py

Requires svglib, reportlab, and Pillow (already present in the Odoo venv).

Distributing to Odoo modules

All ygc17 modules currently use the YGC mark as their static/description/icon.png. To re-distribute after a logo change:

SRC=/Users/jsalinga/odoo/odoo17/custom/ygc17/ygc17-docs/static/img/logo-mark-240.png
SRC_FULL=/Users/jsalinga/odoo/odoo17/custom/ygc17/ygc17-docs/static/img/logo-256.png
SRC_SVG=/Users/jsalinga/odoo/odoo17/custom/ygc17/ygc17-docs/static/img/logo-mark.svg

for mod in apy17 baywaters17 cdc_shoppe dpy17 dpy_cafe innovasys17 mdsi pepperlunch \
           petron17 southhub17 ssci17 treats17 ygc_mobile; do
    MOD=/Users/jsalinga/odoo/odoo17/custom/ygc17/$mod
    cp "$SRC" "$MOD/static/description/icon.png"
    cp "$SRC_FULL" "$MOD/static/src/img/ygc_logo.png"
    cp "$SRC_SVG" "$MOD/static/src/img/ygc_logo.svg"
done

After updating module icons, the new icon shows up in Odoo's Apps list immediately (no module upgrade needed — static/description/ is served directly).

Using the logo in Odoo views

To reference the logo from a QWeb template inside any ygc17 module:

<img src="/baywaters17/static/src/img/ygc_logo.svg"
     alt="YGC" style="height: 32px;" />

For the rasterized version (better browser compatibility on older Odoo themes):

<img src="/baywaters17/static/src/img/ygc_logo.png"
     alt="YGC" style="height: 32px;" />

Replace baywaters17 with the module the view belongs to.

Don't

Don't stretch the logo non-uniformly
Don't recolor — the palette is the brand
Don't put the logo on red, purple, or busy backgrounds (use the white surrounding ring or clear space)
Don't rotate — the sun rays have a specific orientation

Palette​

Logo variants​

Composition​

Regenerating the PNGs​

Distributing to Odoo modules​

Using the logo in Odoo views​

Don't​