Brand Assets

Canonical source for logos, guidelines & brand materials

On this page
Rules Dimensions Logos Favicons Design System
Design Rules

Before You Download

Phosphor Green (#8dff35)

Phosphor green is reserved for (a) hover and focus states on interactive elements, (b) primary CTA fills, and (c) the logo mark. Never use it for decoration, body text, large fills, or backgrounds.

Reference

Source Dimensions

All logos exported as PNG at these source dimensions. Rendered sizes in the website are controlled by the AskaraLogo component.

LayoutWidthHeightRatio
Horizontal671px192px3.49 : 1
Stacked456px432px1.06 : 1
Square Icon800px800px1 : 1
Wordmark457px156px2.93 : 1
Logo Downloads

Logo Variants

Each layout is available in dark, light, white, and parchment themes with highlight variants for interactive hover states. Available as transparent PNG, solid-background PNG, and SVG.

Horizontal layout preview
Horizontal — 671 x 192px — 3.49 : 1
PNG:
PNGHorizontal Dark — PNG
SVGHorizontal Dark — SVG
Dark
671 x 192
PNGSVG
PNGHorizontal Dark Highlight — PNG
SVGHorizontal Dark Highlight — SVG
Dark Highlight
671 x 192
PNGSVG
PNGHorizontal Light — PNG
SVGHorizontal Light — SVG
Light
671 x 192
PNGSVG
PNGHorizontal Light Highlight — PNG
SVGHorizontal Light Highlight — SVG
Light Highlight
671 x 192
PNGSVG
PNGHorizontal White — PNG
SVGHorizontal White — SVG
White
671 x 192
PNGSVG
PNGHorizontal White Highlight — PNG
SVGHorizontal White Highlight — SVG
White Highlight
671 x 192
PNGSVG
PNGHorizontal Parchment — PNG
SVGHorizontal Parchment — SVG
Parchment
671 x 192
PNGSVG
PNGHorizontal Parchment Highlight — PNG
SVGHorizontal Parchment Highlight — SVG
Parchment Highlight
671 x 192
PNGSVG
Sizes — askara-logo-horizontal-dark
  • xs · 24pxPNGSVG
  • sm · 48pxPNGSVG
  • md · 96pxPNGSVG
  • lg · 192pxPNGSVG
  • xl · 384px (2×)PNGSVG
Stacked layout preview
Stacked — 456 x 432px — 1.06 : 1
PNG:
PNGStacked Dark — PNG
SVGStacked Dark — SVG
Dark
456 x 432
PNGSVG
PNGStacked Dark Highlight — PNG
SVGStacked Dark Highlight — SVG
Dark Highlight
456 x 432
PNGSVG
PNGStacked Light — PNG
SVGStacked Light — SVG
Light
456 x 432
PNGSVG
PNGStacked Light Highlight — PNG
SVGStacked Light Highlight — SVG
Light Highlight
456 x 432
PNGSVG
PNGStacked White — PNG
SVGStacked White — SVG
White
456 x 432
PNGSVG
PNGStacked White Highlight — PNG
SVGStacked White Highlight — SVG
White Highlight
456 x 432
PNGSVG
PNGStacked Parchment — PNG
SVGStacked Parchment — SVG
Parchment
456 x 432
PNGSVG
PNGStacked Parchment Highlight — PNG
SVGStacked Parchment Highlight — SVG
Parchment Highlight
456 x 432
PNGSVG
Sizes — askara-logo-stacked-dark
  • xs · 32pxPNGSVG
  • sm · 64pxPNGSVG
  • md · 128pxPNGSVG
  • lg · 432pxPNGSVG
  • xl · 648px (1.5×)PNGSVG
Square Icon layout preview
Square Icon — 800 x 800px — 1 : 1
PNG:
PNGSquare Icon Dark — PNG
SVGSquare Icon Dark — SVG
Dark
800 x 800
PNGSVG
PNGSquare Icon Dark Highlight — PNG
SVGSquare Icon Dark Highlight — SVG
Dark Highlight
800 x 800
PNGSVG
PNGSquare Icon Light — PNG
SVGSquare Icon Light — SVG
Light
800 x 800
PNGSVG
PNGSquare Icon Light Highlight — PNG
SVGSquare Icon Light Highlight — SVG
Light Highlight
800 x 800
PNGSVG
PNGSquare Icon White — PNG
SVGSquare Icon White — SVG
White
800 x 800
PNGSVG
PNGSquare Icon White Highlight — PNG
SVGSquare Icon White Highlight — SVG
White Highlight
800 x 800
PNGSVG
PNGSquare Icon Parchment — PNG
SVGSquare Icon Parchment — SVG
Parchment
800 x 800
PNGSVG
PNGSquare Icon Parchment Highlight — PNG
SVGSquare Icon Parchment Highlight — SVG
Parchment Highlight
800 x 800
PNGSVG
Sizes — askara-logo-icon-square-dark
  • xs · 32pxPNGSVG
  • sm · 64pxPNGSVG
  • md · 128pxPNGSVG
  • lg · 400pxPNGSVG
  • xl · 800pxPNGSVG
Wordmark layout preview
Wordmark — 457 x 156px — 2.93 : 1 — No highlight variants
PNG:
PNGWordmark Dark — PNG
SVGWordmark Dark — SVG
Dark
457 x 156
PNGSVG
PNGWordmark Light — PNG
SVGWordmark Light — SVG
Light
457 x 156
PNGSVG
PNGWordmark White — PNG
SVGWordmark White — SVG
White
457 x 156
PNGSVG
PNGWordmark Parchment — PNG
SVGWordmark Parchment — SVG
Parchment
457 x 156
PNGSVG
Sizes — askara-wordmark-horizontal-dark
  • xs · 16pxPNGSVG
  • sm · 24pxPNGSVG
  • md · 48pxPNGSVG
  • lg · 156pxPNGSVG
  • xl · 312px (2×)PNGSVG
Application Assets

Favicons & OG Image

Vector favicon for modern browsers, legacy ICO fallback, iOS home screen icon, and OpenGraph social sharing image.

Favicon SVG
favicon.svg
Modern browsers · vector
Download
Favicon
favicon.ico
Legacy browsers · 16/32/48
Download
Apple Icon
apple-icon.png
iOS home screen · 180×180
Download
OG Image
askara-og-image.png
Social sharing
Download
Design System

Colours & Typography

Full colour palette, font specimens, and design tokens from Design System 3.0.

Colour Palette

Core brand, brass family, text colours, parchment scale, and WCAG contrast pairings.

View Colours
Foundations

Type scale, spacing scale, and motion duration tokens with live specimens.

View Foundations
Typography

Font families, weight specimens, role-applied scale, letter spacing, and WCAG matrix.

View Typography