Skip to content

Brand assets

Approved brand assets for editorial and approved partner use.

Logos

Logotype

Primary logotype

Integrated logotype: yellow Ray L mark with "eara" in Degular Text Semibold — site default lockup. PNG is transparent; JPG uses canvas (#161511) for print.

Black logotype

Integrated logotype: black Ray L mark with "eara" in Degular — for light backgrounds. PNG is transparent; JPG uses white for print.

White logotype

Integrated logotype: white Ray L mark with "eara" in Degular — for dark and reversed placements. PNG is transparent; JPG uses black for print.

Ray

Ray is a central element in Leara’s visual identity.

Colors

Void

The deepest background. The starting point before light.

--color-canvas

#161511

RGB 22, 21, 17

Layer

Surfaces and layers above Void. Also aligned with product logic.

--color-paper

#1D1C17

RGB 29, 28, 23

Light

Primary light text. A direct connection to Leara.

--color-ink

#F2F0E7

RGB 242, 240, 231

Mist

A softer, warm secondary tone.

--color-ink-secondary

#B1AC9E

RGB 177, 172, 158

Stone

Muted, earthy, and Scandinavian.

--color-ink-muted

#7D786B

RGB 125, 120, 107

Trace

Lines, borders, structures — a trace through the system.

--color-line

#2B2922

RGB 43, 41, 34

Dawn

The light world. Warm rather than clinically white.

--color-day

#F3EEE6

RGB 243, 238, 230

Ground

The dark anchor against Dawn.

--color-day-ink

#1C1B17

RGB 28, 27, 23

Ray

The obvious one. Leara’s light, signal, and energy.

--color-accent

#FCFF00

RGB 252, 255, 0

Typography

Headings — Degular Text

Commerce should hold together.

Degular Text via Adobe Fonts

Body — Geist

Orders, inventory, and product data in the same operation. Against the business system, shop, and shipping you already run.

Geist & Geist Mono via Google Fonts

Meta & data — Geist Mono

ORDERS · INVENTORY · PRODUCT DATA

Graphic elements

Hairlines, accent marks, and the monochrome grid language the site is built on — not separate decoration.

Hairline — --color-line

Accent mark — --color-accent

Editorial grid

Brand imagery

Alexander Kleve — Co-founder & CEO
Download
Niklas Modin — Co-founder & CTO
Download
Rebecca Blakstad — Co-founder & CXO
Download
Social / app icon
Download

Digital assets

  • Favicon (SVG)

    Browser tab icon

    SVG
  • Social avatar

    Square mark for profiles

    PNG
  • Social sharing / OG

    Default share image until dedicated OG asset

    PNG
  • Partner-safe logo

    Primary Ray mark on transparent field

    SVG

Document guidelines

How to apply the Leara brand on letterheads, one-pagers, PDFs, and partner decks — editorial, minimal, and Scandinavian.

Print / paper (A4)

Off-white Dawn (#F3EEE6) as the paper tone. Place the logotype top-left with clear space. Footer with a Trace line, Ground text, and an optional Ray accent hairline.

  • Minimum clear space around the logotype — at least the height of the Ray mark on all sides.
  • Keep margins and the grid — let content breathe.
  • Never stretch or distort the logo.

Digital PDF

Dark Void cover or a split light/dark layout. Primary logotype on the cover, Mist/Stone secondary text, and a narrow colour reference strip (Void, Layer, Ray).

  • Use SVG logos for screen and link to brand assets.
  • Keep the colour reference as a discreet guide — not decoration.
  • Questions? Email press@leara.se.

Screen / product

In the product interface the primary logotype sits in the header — yellow Ray mark with white "eara" on Void. Same lockup as the website; never the mark alone in navigation.

  • Use the primary logotype (yellow Ray + white text) on dark UI surfaces.
  • On scroll the logotype may simplify — follow the site header behaviour.
  • Tables and data surfaces stay monochrome; Ray is accent, not background.
  • Use approved logos from brand assets only.
  • Do not alter Ray proportions or colours.
  • Primary typeface Degular for headings; body sizes from the site scale.
  • Minimum clear space around the logotype — at least the height of the Ray mark.
  • For print: JPG with white/black field variants; for screen: SVG preferred.
  • Contact press@leara.se for co-branded materials.

Embed

The approved way to show the Leara logo and link on partner sites, press coverage, and other external contexts. Copy the HTML — no JavaScript required.

Leara

Logo link

Primary logotype linking to leara.se — the default for partner sites and press.

Leara

Light background

Black logotype for light pages and documents with white or pale backgrounds.

Leara

Dark background

White logotype for dark pages, footers, and reversed partner surfaces.

Powered by Leara

Compact text and mark for light backgrounds — e.g. footer or integration list.

Powered by Leara (dark)

Compact text and mark for dark backgrounds.

Usage

Leara brand assets are provided for editorial coverage and approved partner use.

Please do not alter proportions, colours or composition of the Leara logo or brandmark.

For questions regarding usage, alternative formats or other brand material, contact:

press@leara.se