Skip to content

Add logo assets: PNG, SVG, JPEG for light and dark theme - #1

Open
SinachPat wants to merge 1 commit into
F1visa:mainfrom
SinachPat:add-logo-assets
Open

Add logo assets: PNG, SVG, JPEG for light and dark theme#1
SinachPat wants to merge 1 commit into
F1visa:mainfrom
SinachPat:add-logo-assets

Conversation

@SinachPat

Copy link
Copy Markdown

Summary

Adds assets/logo/ with the F1visa.Net wordmark in both theme variants and three formats — 6 files total plus a short README documenting them.

Light theme Dark theme
Mark Trust Purple #6C3BAA White (the "Reversed Logo" from §3)
PNG logo-light.png logo-dark.png
SVG logo-light.svg logo-dark.svg
JPEG logo-light.jpg (white bg) logo-dark.jpg (Deep Navy #1A1A2E bg)

Provenance

  • PNG — copied verbatim from the production assets already live at f1visa.net (f1visalogo-light.png / f1visalogo.png). Already transparent, pixel-perfect, in active use.
  • SVG — there was no existing vector source, so I vector-traced the PNGs (via potrace, at 4x upscale for clean curve fitting) rather than redrawing the mark by eye. Verified by rasterizing the result back down and diffing against the original pixel-for-pixel — the traced shape is an exact match, not an approximation. Colors are applied as flat fills matching the documented palette exactly (sampled the source PNGs directly: both are single flat colors, #6c3baa and #ffffff).
  • JPEG — since JPEG has no alpha channel, each variant is flattened onto the background it's actually designed to be viewed against (white for light, Deep Navy for dark) rather than an arbitrary default — a white-on-white flatten would make the dark variant invisible.

Note on folder structure

The current README describes a top-level logo/ folder; this PR places the new files under assets/logo/ instead, per the request that prompted this contribution. Flagging this in case a maintainer prefers to reconcile the two — happy to move the files if logo/ (or another path) is preferred.

Test plan

  • Sampled exact colors from both source PNGs — confirmed single flat fills (#6c3baa, #ffffff), matching the documented Trust Purple / white reversed-logo palette
  • Verified the traced SVGs render pixel-identical to the source PNGs when rasterized at the same resolution (side-by-side visual diff)
  • Verified both SVGs include explicit width/height + viewBox for consistent rasterization across viewers/tools
  • Verified both JPEGs render the full wordmark with no clipping, correct background per theme
  • Confirmed original PNG assets are used as-is (not re-derived from the trace) to avoid introducing any tracing artifacts into the raster formats

Adds assets/logo/ with the F1visa.Net wordmark in both theme variants
(Trust Purple mark for light backgrounds, white "reversed" mark for
dark backgrounds per Brand Support Document §3) and three formats:

- PNG: the existing production assets, copied verbatim from
  f1visa.net (already transparent, pixel-perfect)
- SVG: vector-traced from those same PNGs at 4x resolution via
  potrace, then verified pixel-for-pixel identical to the originals
  when rasterized back down -- not a fresh redraw
- JPEG: each variant flattened onto the background it's designed to
  be viewed against (white for light, Deep Navy #1A1A2E for dark,
  since white-on-white would be invisible)

Colors match the documented palette exactly: Trust Purple #6C3BAA,
Deep Navy #1A1A2E.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings July 25, 2026 19:45

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a dedicated assets/logo/ directory containing the F1visa.Net wordmark for both light/dark theme contexts, provided in SVG/PNG/JPEG formats, plus a short README documenting intended usage.

Changes:

  • Added theme-specific logo assets in SVG/PNG/JPEG formats under assets/logo/.
  • Added assets/logo/README.md describing formats, backgrounds, and usage guidance.

Reviewed changes

Copilot reviewed 1 out of 7 changed files in this pull request and generated no comments.

Show a summary per file
File Description
assets/logo/README.md Documents the new logo assets, intended backgrounds, and format-specific usage guidance.
assets/logo/logo-light.svg Adds a vector (scalable) light-context wordmark in Trust Purple.
assets/logo/logo-dark.svg Adds a vector (scalable) dark-context wordmark in white.
assets/logo/logo-light.png Adds a raster PNG light-context wordmark with transparency.
assets/logo/logo-dark.png Adds a raster PNG dark-context wordmark with transparency.
assets/logo/logo-light.jpg Adds a raster JPEG light-context wordmark flattened onto white background.
assets/logo/logo-dark.jpg Adds a raster JPEG dark-context wordmark flattened onto Deep Navy background.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants