Skip to content

mark: a clear variant for light grounds, and the preview as a laboratory with a guide - #3

Merged
aledbf merged 1 commit into
mainfrom
mark-clear
Oct 22, 2026
Merged

aledbf merged 1 commit into
mainfrom
mark-clear

Conversation

@aledbf

@aledbf aledbf commented Oct 22, 2026 •

Copy link
Copy Markdown
Member
  • logos/mark-clear-{512,256}.png: the mark without its navy ground, for light pages and headers. It is cut by a flood fill from the edges with a soft edge; the disks and their dark seams stay opaque. Colour-to-alpha was tried first and washed the disks out.
  • preview.html: it now opens on what it is, a laboratory. The order is the system in use (site, dashboard), the app as it is (screenshots, once task screenshots takes them), the mark's guide (sizes, clear space, lockup, grounds, misuse), then the palette grouped by function with examples. Controls are styled and fit one row on a phone, and the docs' contents become a disclosure on narrow screens.

task check passes.

🤖 Generated with Claude Code


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need.

…ory with a guide

The mark was only a tile on its own navy, which on a light page reads as a sticker. cmd/mark
now also writes it clear: the ground is what a fill from the tile's edges reaches through pixels
within a few levels of the navy - the avatar's ground is textured, so near its edge a pixel fades
by its distance rather than being cut - and everything else, the dark seams between the disks
included, stays opaque in its own color. Colour-to-alpha was tried first and washed the disks
out on white. mark-clear-512 and -256 go on a light page or header; the tile stays for a dark
ground, the favicon and the link preview.

preview.html opens on what it is - the brand system's laboratory, the product being the website -
and on the system in use: the site and the dashboard first, then the app as it is (screenshots
from spin's own suite, once `task screenshots` takes them), the mark's guide (sizes, clear space,
the lockup, the grounds, what it is not), the palette grouped by what each color is for with an
example of each, its controls in its own style and on one row on a phone, and the docs' contents
as a disclosure on a narrow screen instead of gone.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@aledbf
aledbf merged commit edf1859 into main Oct 22, 2026
2 checks passed
@aledbf
aledbf deleted the mark-clear branch October 22, 2026 01:13
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.

1 participant