Brand book · 05
Assets
Rune icons with copyable SVG, chain icons, the Open Graph image style, and social banners for X and LinkedIn as PNG downloads.
Rune icons
Carved, not drawn: straight strokes, square ends and faceted rings on a 24-unit grid, with a 2-unit stroke that scales with the icon. They draw in currentColor and read from 14 px.
176 shown. Select an icon to copy its SVG.
In code, import them from @/components/brand/rune-icons, or install them with npx shadcn@latest add @dwellir/rune-icons. The design system lists the rules for drawing a new one.
Chain icons
Each network keeps its own logo. The icons come from the network catalogue (public/partners), so a new chain brings its icon with it. Put the icon before the chain's name wherever a label names a chain.
- Ethereum
- Base
- Arbitrum
- Optimism
- Polygon
- BNB Smart Chain
- Polkadot
- Sui
Open Graph images
Every page shares a 1200 × 630 card from /api/og: a baked still of the hero's aurora, the copy on the quiet sky at the left, the light on the right. Ubuntu Bold sets the title, Roboto the subtitle, and the shield signs it.
The route picks one of eight aurora stills (public/og-bg-1.jpg to og-bg-8.jpg) from the title, so a page keeps its image across builds.
Start free.1 response = 1 credit.
100,000 responses a day at 20 per second, on 150+ networks. Upgrade when you need more.
Social banners
Profile banners for X and LinkedIn, on the same aurora. The copy sits clear of the corner where each site puts the profile picture.
X header
PNG, at 1× and at the size the site asks for on sharp screens.
LinkedIn company cover
PNG, at 1× and at the size the site asks for on sharp screens.
LinkedIn profile banner
PNG, at 1× and at the size the site asks for on sharp screens.
npm run generate:brand-assetsrenders them fromscripts/brand/BrandBanner.tsx, with the logo files and the theme's grounds.