Skip to content

You are viewing Arc Testnet (chain 5042002). Tokens here have no value.

USDC Price:$1.0000Gas:
Arcscan

Brand Assets

The Arcscan mark and wordmark, the files themselves, and the rules that go with them.

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

Arcscan-logo-mark.svg on a white background
Arcscan-logo-mark.svg on a black background

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
Arcscan-logo-mark.png on a white background
Arcscan-logo-mark.png on a black background

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

Download
Arcscan-logo-mark-white.svg on a white background
Arcscan-logo-mark-white.svg on a black background

Mark — 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

Download

The horizontal lockup

Arcscan-lockup.svg on a white background
Arcscan-lockup.svg on a black background

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

Download
Arcscan-lockup-light.svg on a white background
Arcscan-lockup-light.svg on a black background

Lockup — 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

Download
Arcscan-lockup-dark.svg on a white background
Arcscan-lockup-dark.svg on a black background

Lockup — 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
Arcscan-lockup.png on a white background
Arcscan-lockup.png on a black background

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
Arcscan-lockup-dark.png on a white background
Arcscan-lockup-dark.png on a black background

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
Arcscan-lockup-official.png on a white background
Arcscan-lockup-official.png on a black background

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

Download

Icons

favicon.svg on a white background
favicon.svg on a black background

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

Download
favicon.ico on a white background
favicon.ico on a black background

Favicon — 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.png on a white background
apple-touch-icon.png on a black background

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
icon-192.png on a white background
icon-192.png on a black background

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
icon-512.png on a white background
icon-512.png on a black background

App icon, 512 px

The splash screen and the store-style listing, from the same manifest.

PNG · 512 × 512 · 27.9 KB · transparent

Download
icon-maskable-192.png on a white background
icon-maskable-192.png on a black background

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
icon-maskable-512.png on a white background
icon-maskable-512.png on a black background

Maskable icon, 512 px

The same, at the size a launcher uses for its largest tile.

PNG · 512 × 512 · 21.3 KB

Download

Social and banner artwork

Arcscan-social-banner.png on a white background
Arcscan-social-banner.png on a black background

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
Arcscan-social-card.png on a white background
Arcscan-social-card.png on a black background

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
Arcscan-wordmark-official.png on a white background
Arcscan-wordmark-official.png on a black background

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

Download

Minimum 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 mark rendered at 16 pixels16
The mark rendered at 20 pixels20
The mark rendered at 24 pixels24
The mark rendered at 32 pixels32
The mark rendered at 48 pixels48
The mark rendered at 64 pixels64

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

Colour

#01122F

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

Brand and press enquiries