WURK BRANDKIT
Open index.html for an offline visual overview. overview.png is a shareable preview.
All logo artwork in svg/ and png/ has a transparent background.
ORIGINALS — UNCHANGED SOURCE FILES
originals/twlogoblacktrans.png Black mark, transparent PNG, 1024 x 1024.
originals/twlogowhitetrans.png White mark, transparent PNG, 1024 x 1024.
originals/twlogo.jpg Black mark on white, 1024 x 1024; light header.
originals/twlogoblack.jpg White mark on black, 1024 x 1024; footer/dark header.
originals/logo_clean.svg Exact SVG used beside names in the creator dashboard
on /custom/:id. Original 1024 x 1024 viewBox.
The PNG and JPEG originals have been copied byte for byte, including their original
margins and edge rendering. Their names are preserved. The footer's "black" filename
refers to its black background, not a black foreground mark.
NEW VECTOR AND TRANSPARENT PNG EXPORTS
svg/wurk-mark-black.svg Black dashboard mark.
svg/wurk-mark-white.svg White dashboard mark.
svg/wurk-fun-uppercase-black.svg Mark + WURK.FUN, black.
svg/wurk-fun-uppercase-white.svg Mark + WURK.FUN, white.
svg/wurk-fun-lowercase-black.svg Mark + wurk.fun, black.
svg/wurk-fun-lowercase-white.svg Mark + wurk.fun, white.
png/ contains the same six variants. Marks are supplied at 1024 and 2048 pixels
square. Logo + text combinations are supplied at 1200 and 2400 pixels wide, with
proportional height. The suffix in each PNG filename is its pixel width.
Every new SVG is genuine vector artwork: one mark polygon plus outlined glyph
paths where applicable. No embedded bitmap, live text, external font dependency,
scripts or external resources. Use SVG for scalable layouts; use PNG where SVG
is not accepted. Black artwork suits light backgrounds; white suits dark ones.
Preserve proportions when resizing. White artwork can look blank on a white page.
TYPOGRAPHY AND CONSTRUCTION
The website header says WURK.FUN in uppercase. Both cases are included so the
requested lowercase wurk.fun is also available in the same typeface and weight.
The source is the site's exact self-hosted Inter variable Latin v20 font:
weight 900, optical size 19.2, font size 19.2 px, tracking -0.02em (-0.384 px).
The 40 px icon box and 16 px gap follow the desktop header. Each letter is
outlined separately to match its separate character span in the header.
Curves preserve the font geometry without browser pixel-grid rounding.
The new compositions use the existing dashboard vector mark, rather than tracing
or embedding a raster logo. That polygon approximates the raster originals;
it is not an exact pixel-for-pixel reconstruction. The original SVG is also included.
The compositions are transparent adaptations: the website header's square JPEG
background is omitted. New exports are pure black (#000000) or white (#ffffff).
The dark website header itself uses #f5f5f5 for the wordmark.
FONTS AND VERIFICATION
fonts/inter-var-latin-v20.woff2 is the unchanged website font, included with its
existing SIL Open Font License in fonts/LICENSE.txt. The SVGs do not need this font
installed. The license file also credits JetBrains Mono used elsewhere in the site;
only Inter is included in this kit.
typography.json records layout and font axes. validation.json records original
file integrity, SVG checks and PNG transparency/render checks. manifest.json
records SHA-256 hashes of all other kit files and source files in the repository.
The ZIP is checked for CRC integrity and agreement with this manifest.
To rebuild in the WURK repository, see docs/brandkit.md and run
node scripts/brandkit/build.mjs with the documented Python dependencies installed.