Singleton SD Public Assets

This repository publishes company logo assets, favicons, PWA manifests, and Open Graph images for Singleton SD products and sites.

Public builds are served at assets.singletonsd.com (GitLab Pages custom domain — see DS-33).

Quick Downloads

Use these defaults when you do not need a specific variant:

Default dark logo (512): circle / bg-none / 512.png
Default light logo (512): circle / bg-none / 512.png
Default dark favicon manifest: circle / bg-none / site.webmanifest
Default dark favicon PNG: circle / bg-none / favicon-32x32.png
Default dark OG image: og-image / dark / og-default.jpg
Default light OG image: og-image / light / og-default.jpg

High-resolution static logos (for example 1024.png / 4096.png) are available in full local builds (yarn build without a static size cap).

Sources

Dark mark: src/logo/sources/dark.png (favicons + dark static variants)
Light mark: src/logo/sources/light.png (light static variants)
OG defaults: src/og-image/{dark,light}/og-default.jpg (optional @2 / square)

Variant rules:

Dark: no white fill, no black border
Light: no black fill, no white border

Contributor workflow: Logo Asset Workflow.

Visual Preview

Circle Favicons (from dark mark)

Variant	Preview
bg-none
bg-none / bd-white
bg-black

Square Favicons (from dark mark)

Variant	Preview
bg-none
bg-none / bd-white
bg-black

Static Logos (512)

Variant	Preview
dark / circle / bg-none
dark / circle / bg-black
dark / circle / bd-white
light / circle / bg-none
light / circle / bg-white
light / circle / bd-black

OG Images

Variant	Preview
dark / default
light / default

Available Manifest Files

favicons/circle/bg-none/site.webmanifest: Transparent circle icons
favicons/circle/bg-none/bd-white/site.webmanifest: Transparent circle with white border
favicons/circle/bg-black/site.webmanifest: Circle on black background
favicons/square/bg-none/site.webmanifest: Transparent square icons
favicons/square/bg-none/bd-white/site.webmanifest: Transparent square with white border
favicons/square/bg-black/site.webmanifest: Square on black background

How to Use

Manifest in HTML

<link rel="manifest" href="./favicons/circle/bg-none/site.webmanifest" />
<link rel="apple-touch-icon" href="./favicons/circle/bg-none/apple-touch-icon.png" />
<link
  rel="icon"
  type="image/png"
  sizes="32x32"
  href="./favicons/circle/bg-none/favicon-32x32.png"
/>
<link
  rel="icon"
  type="image/png"
  sizes="16x16"
  href="./favicons/circle/bg-none/favicon-16x16.png"
/>
<link rel="shortcut icon" href="./favicons/circle/bg-none/favicon.png" />

CDN URLs omit /dist because Pages serves the dist/ tree at the site root (for example https://assets.singletonsd.com/favicons/...).

Download Asset Links

Favicons — circle / bg-none

Favicons — circle / bg-none / bd-white

Favicons — circle / bg-black

Favicons — square / bg-none

Favicons — square / bg-none / bd-white

Favicons — square / bg-black

Logo static — dark / circle

Logo static — dark / square

Logo static — light / circle

Logo static — light / square

OG images

Build

yarn install
yarn build

CI (CI=true): static logo PNGs capped at <= 512px
Override: LOGO_STATIC_MAX_SIZE=<number>

Scripts:

Script	Purpose
`yarn build`	Full publish build into `dist/`
`yarn build-manifest-icons`	Favicons + `site.webmanifest`
`yarn build-static-logo-assets`	Static logo PNGs
`yarn generate-html`	README → `index.html`

Folder structure

src/
├── logo/
│   ├── config/     # shapes, backgrounds, borders, variants
│   └── sources/    # dark.png, light.png
└── og-image/
    ├── dark/       # og-default.jpg (+ optional @2 / square)
    └── light/

dist/               # generated; served by GitLab Pages
├── index.html
├── favicons/
├── logo/static/{dark|light}/
└── og-image/

Notes

Manifest name / short_name: Singleton SD / SSD
Animations / expression pipelines are intentionally out of scope