Files
Downloads
Everything in this folder, ready to use. Right-click a tile and save, or take the file straight from the assets folder.
Logo · wordmark
Logo · symbol
App icon
Source logo files
The original exports. The PNGs carry wide transparent padding, so they look small here; use the SVG versions above for new work.
Icons · 52 glyphs
20 px grid, 1.75 stroke, currentColor. Each is a file in assets/icons; in code use HG_ICONS.ico(name).
home
check
folder
clock
receipt
note
user
gear
plus
trash
tick
play
stop
pause
hidemenu
download
upload
grip
palette
eyeoff
layout
sun
moon
x
reset
crop
users
link
edit
image
copy
report
left
right
calendar
external
dollar
flag
text
menu
sidebar
folderplus
invoice
signout
signin
calplus
star
lock
send
print
cloud
cloudoff
Fonts and code
| File | What |
|---|---|
| assets/css/heygoal.css | Token block + all component and pattern CSS |
| assets/css/fonts.css | @font-face for Bricolage Grotesque and Inter (local woff2 in assets/fonts) |
| assets/js/heygoal-icons.js | The icon set: HG_ICONS.ico(name) |
| tokens/tokens.w3c.json | Source of truth, W3C Design Tokens 2025.10 |
| tokens/tokens.json | Flat token lists (what the Tokens page reads) |
| tokens/heygoal-tokens.css · .js | Generated :root block and JS constants for the app |
HeyGoal design system 0.6.0 · generated from tokens.json and the component CSS in
design-system\HeyGoal design system · works offline, open any page in a browser.