Brand Assets
These are the files, not pictures of them
Every preview below is the published file, loaded from the same URL its download link points at, so what you see is what you get. Nothing here is drawn on the fly, and nothing is listed that is not on disk. For anything this page does not answer, write to [email protected].
The mark
Mark — vector
The original file, unmodified. This is the master: everything else on this page is derived from it. Use it wherever vector art is accepted.
SVG · 1254 × 1254 · 3.7 KB · transparent
Download

Mark — raster
The same artwork as pixels, for tools that will not take an SVG. Scale it down, never up. It is opaque: the corners outside the disc are near-black rather than transparent, so on a light surface it reads as a dark square. Where you need transparency, take the vector or the knockout.
PNG · 1254 × 1254 · 997.6 KB
DownloadMark — knockout
The monogram alone: flat white, no disc, transparent background. For dark panels, photographs and one-ink printing. On a white surface it disappears, which is exactly what the left preview shows.
SVG · 1254 × 1254 · 2.3 KB · transparent
DownloadThe horizontal lockup
Lockup — vector, inherits colour
Mark plus wordmark. The word is set in currentColor, so pasted inline into a page it takes that page's own text colour. Loaded as an image it falls back to black, because an image cannot see the page it sits on — use one of the two fixed-colour lockups there instead.
SVG · 163 × 48 · 3.1 KB · transparent
DownloadLockup — vector, for light
The word in dark ink beside the full-colour disc. For white and pale backgrounds.
SVG · 163 × 48 · 3.1 KB · transparent
DownloadLockup — vector, for dark
The word in white beside the knockout monogram, with no disc — the navy disc is not visible on a dark background, so shipping it there would be shipping a mark nobody can see. For dark backgrounds only.
SVG · 163 × 48 · 2.6 KB · transparent
Download

Lockup — raster, for light
Rendered by the site itself, in the site's own Roboto Medium, at four times size on a transparent background. Use this where the typeface has to be fixed.
PNG · 644 × 192 · 32.4 KB · transparent
Download

Lockup — raster, for dark
The same lockup at the same size, knocked out in white on a transparent background.
PNG · 644 × 192 · 10.2 KB · transparent
Download

Lockup — from the banner
Taken from our social banner, in the banner’s own typeface. The site header sets the same word in Roboto, so the letterforms differ even though the spelling does not. See Naming, below.
PNG · 952 × 290 · 31.1 KB · transparent
DownloadIcons
Favicon — vector
What a browser tab loads first. Not the master scaled down: the monogram is drawn heavier here so that it survives a 16-pixel tab, where the master's fine stroke closes up.
SVG · 1254 × 1254 · 3.7 KB · transparent
DownloadFavicon — ICO
The same icon in the container that older tools and feed readers ask for by fetching /favicon.ico directly, whatever the page markup says.
ICO · 16 × 16 · 32 × 32 · 48 × 48 · 4.2 KB · transparent
Download

Apple touch icon
Opaque, with no transparency and no rounded corners of its own — iOS applies its own mask. This is what a home-screen bookmark shows.
PNG · 180 × 180 · 7.1 KB
Download

App icon, 192 px
The Android home screen and the install prompt, named by the web app manifest.
PNG · 192 × 192 · 9.5 KB · transparent
Download

App icon, 512 px
The splash screen and the store-style listing, from the same manifest.
PNG · 512 × 512 · 27.9 KB · transparent
Download

Maskable icon, 192 px
Extra padding around the monogram so a platform can crop it to a circle, a squircle or a rounded square without cutting into the artwork.
PNG · 192 × 192 · 7.4 KB
Download

Maskable icon, 512 px
The same, at the size a launcher uses for its largest tile.
PNG · 512 × 512 · 21.3 KB
DownloadSocial and banner artwork


Social banner
Our banner artwork at full resolution: the lockup, the tagline and a view of the explorer. For a profile header or an article lead image.
PNG · 3000 × 1000 · 1.7 MB
Download

Link preview card
The size every social network and chat client crops a link preview to. This is the image a shared link to this site unfurls with.
PNG · 1200 × 630 · 32.4 KB
Download

Wordmark alone
The word from the banner, without the mark, on a transparent background. The ink is the banner's dark navy, so it is for light surfaces — on a dark one it will not read. Use it only where the mark appears somewhere else on the same surface; the two are not interchangeable.
PNG · 609 × 124 · 37.2 KB · transparent
DownloadMinimum size
24 pixels is the floor; 32 is safe. Below 24 px two things go at once, and they were measured rather than guessed: the enclosed triangle inside the A fills with white, and the thin stroke sweeping across it loses between a third and a half of its contrast against a 512-pixel reference. What is left is a pale smudge on a dark disc, not a letter. At 32 px nothing is lost at all. If you need the mark smaller than 24 px, use the favicon instead — it is the same monogram, drawn heavier for exactly this reason.
The same file at each size, unscaled. If the stroke across the A has thinned to a grey line and the triangle inside it has closed up, the mark is too small.
Usage
- Give it room. Keep clear space of at least 25% of the mark's width on all four sides — around a 48-pixel mark, that is 12 pixels. The number is not arbitrary: the monogram fills only 53% of the disc's diameter, so the disc already carries that much margin on the inside. Matching it outside is what makes the mark sit in a field rather than in a box.
- Do not go below 24 px. That is the floor for the mark; see the ladder above for the evidence. For the horizontal lockup the floor is about 96 px wide, where it is the wordmark rather than the mark that fails first.
- Do not recolour it. The disc is navy and the monogram is white; those two facts are the mark. Do not tint it to match your palette, do not fill it with your accent colour, do not invert it. Where one flat value is all you can have, use #01122F. Where a single ink is all you can have, use the knockout above.
- Do not distort it. Scale it proportionally and do nothing else — no stretching to fill a box, no rotation, no skew, no drop shadow, no outline, no gradient of your own over the top. The disc is a circle and has to stay one.
- Do not put it on a busy background. On a photograph, a pattern, or anything with a mid-tone edge running through it, the navy disc stops reading as a shape. Use a plain surface, or use the knockout with enough contrast behind it.
- Do not rebuild it from a raster. Do not trace the PNG, do not screenshot the header, do not redraw the monogram by hand. The vector master above is right here and costs nothing; anything traced from pixels will be wrong, and will be visibly wrong the moment it sits next to the real one.
- Do not build your own mark out of ours. It may not be used as part of another logo, product name, domain or application icon, and it may not be registered, in whole or in part, by anyone else.
- Refer, don't imply. The mark may be used to link to or write about Arcscan — in documentation, in an article, on a “view on Arcscan” button. It may not be used in a way that suggests Arcscan endorses, audits, verifies or is affiliated with your project, token or company.
These rules cover the Arcscan name and mark only. Blockchain data published on this site is public and is not ours to license. The terms of service govern everything else.
Colour
The disc. A radial gradient, read out of the mark's own file: lightest at the centre, darkest at the rim. Where only one flat value is possible, use the middle stop, #01122F — the whole gradient spans about half a step of lightness, so at any size a reader will actually see, that is the colour the disc is.
- #011538
- Disc gradient, centre stop.
- #01122F
- Disc gradient, middle stop. The one flat navy.
- #020E27
- Disc gradient, outer stop.
The monogram. Also a gradient, and not flat white: it cools very slightly from the top left to the bottom right. On a screen the difference is barely there; across a large printed surface it is not. Reproduce the gradient where you can and use #FFFFFF where you cannot.
- #FFFFFF
- Monogram gradient, first stop. Pure white.
- #F8FBFF
- Monogram gradient, middle stop.
- #EDF3FB
- Monogram gradient, last stop. The coolest point.
The interface palette. The site's own CSS tokens, published for anyone building a page that has to sit next to it. #0784C3 is the interface blue — links, focus, the active state. It is not the brand colour, and it appears nowhere in the mark.
- #0784C3--arc-primary
- Interface blue. Links, focus, active state — not the mark.
- #066A9C--arc-link-hover
- Link hover and pressed brand state.
- #081D35--arc-text-ink
- Ink. Dark UI text and the hero band.
- #212529--arc-text
- Body text on light.
- #6C757D--arc-text-dim
- Secondary and muted text.
- #E9ECEF--arc-border
- Hairline borders and dividers.
- #F8F9FA--arc-bg-subtle
- Subtle fill: footer, code blocks, chips.
- #111A2E--arc-bg-page
- Dark theme page surface.
- #00A186--arc-success
- Success and, on Arc, finality.
- #DC3545--arc-danger
- Failure.
- #FFC107--arc-warning
- Caution, testnet banner.
- #2775CA--arc-usdc
- Native-value accent. Never used as the brand colour.
- #6F42C1--arc-system
- System entities and precompiles.
The vector lockups set the word as live text
The three SVG lockups set the word as an SVG text element in Roboto with a system fallback, which is how the site's header renders it. An SVG loaded as an image cannot borrow a page's fonts, so a reader without Roboto installed will see their own sans-serif rather than these letterforms. If the typography has to be fixed, take one of the PNG lockups — or take the mark on its own and set the word in the type you are already using, which reads better than a substituted face.
Naming
The site's name is Arcscan — one word, a capital A, the rest lower case, including mid-sentence. Not “arcscan”, not “ArcScan”, not “ARCSCAN”, not “Arc Scan”.
There is one spelling and everything uses it. The site header, page titles, running prose, the lockups above and the banner artwork are all set the same way, so a screenshot of the product and a file downloaded from this page cannot disagree. It is a proper noun rather than a word to translate: in Chinese, Japanese, Korean and Russian text it stays in Latin script and keeps its capital, and it is never transliterated.
“Arc” is the name of the blockchain, not of this site, and belongs to its authors. When both appear together, prefer “Arcscan, a block explorer for Arc” over any construction that reads as though the chain publishes the explorer.
The only account Arcscan publishes on X is @arcscanio. It is named here rather than in the file list above because everything in that list is a file this site serves and can be checked byte for byte, and a profile on another host cannot be — which is exactly why it is worth stating whose it is.
Brand and press enquiries
Write to [email protected] for anything this page does not cover: permission for a use the rules above do not clearly allow, a file in a format that is not here, or a question about how to describe Arcscan accurately. That is the only address for brand and press — there is no separate legal or media mailbox.