Logo — Arcturious Style Guide

Logo Variations

The Arcturious logo features a diamond crest with star motifs and the wordmark beneath. Use the approved variation that provides the best contrast and readability for the context.

Primary Square — Gold

Download

Default logo for all contexts — hero sections, presentations, website, marketing, social

Arcturious_logo_-_Square_Gold.svg

Additional Square Variants

Download

Gold — Dark Background

Gold diamond with Warm White wordmark on dark surfaces

Download

Warm White — Dark Background

Monochrome option for dark UI, hero sections

Download

Square — Light Background

Print, documents, light UI, partner co-branding

Horizontal Variant

Used sparingly — email signatures, partner co-branding, wide-format placements where the square mark doesn't fit.

Download

Horizontal — Dark Background

Email signatures, banners, co-branding on dark

Download

Horizontal — Light Background

Email signatures, banners, co-branding on light

Download

Horizontal — Gold Variant

Premium contexts, awards, special editions

Colour Breakdown by Variant

Gold (Primary)

#AF8B0F Diamond fill

#0A0A0F Wordmark, stars

#FFFFFF Keyline

Gold — Dark Bg

#AF8B0F Diamond fill

#FFFFFF Wordmark, stars, keyline

Warm White

#FFFFFF Diamond fill, wordmark

#AD8B2F Star accents, keyline

Light Background

#0A0A0F Diamond fill, wordmark

#7F6000 Keyline stroke

#FFFFFF Stars, inner text

Favicon & App Icons

The favicon uses the diamond crest without the wordmark. It's derived from the primary gold logo and works at all standard sizes from 16×16 to 512×512.

512px

192px

48px

32px

16px

Included Files

Arcturious_favicon.svg Vector source — scalable, for modern browsers

favicon.ico 16 + 32 + 48px — legacy browser fallback

favicon-32.png Standard browser tab icon

apple-touch-icon.png 180×180 — iOS home screen

android-chrome-192.png 192×192 — Android home screen

android-chrome-512.png 512×512 — Android splash screen, PWA

HTML Implementation

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Clear Space & Minimum Size

The logo must always have breathing room equal to the cap height of the 'A' on all sides. This zone must be free of text, imagery, and other graphic elements.

↕ cap height

↔

Minimum Sizes

Digital (screen) 120px wide

Print 30mm wide

Favicon / app icon 32×32px (symbol only)

Don'ts

Protect brand integrity by avoiding these common misuses.

✗ Don't stretch or distort

✗ Don't rotate

✗ Don't recolour the logo

✗ Don't add drop shadows or effects

✗ Don't place on busy backgrounds

✗ Don't crop or obscure elements