Runestone Branding

Branding service

Brands worth
carving in stone.

Branding isn’t a logo. It’s the feeling people get before they read a single word. We help ambitious teams craft identities that earn attention and last decades — not seasons.

What you get

A complete brand kit,
not just a logo file.

Eleven deliverables, every project. Each direction comes with its own complete world — colors, typography, voice, applications. Below is what we produced for our four exploration directions.

01

Logo & Mark

Every project starts with 3–5 direction concepts. You see all of them — different visual languages, different stories — and choose with full context. Final delivery includes scalable SVG, PNG, and a complete favicon set.

Click a direction to preview it across guidelines, applications, and bilingual lockups below.

Take it home

Runestone brand kit

Vector source plus rasterised sizes for every surface. Text is outlined to paths — no font installs required.

  • Mark — SVG + PNG at 16, 32, 48, 64, 128, 180, 192, 256, 512, 1024 px
  • Wordmark — gradient, black and white variants, SVG + PNG up to 4096w
  • README with usage notes and the brand gradient stops
02

Color system

Each direction comes with a five-role palette — primary, accent, highlight, ink, and paper — plus a tonal range and live UI examples. The system below reflects the concept selected above; switch directions to see the world re-paint itself.

Primary Indigo #6366F1 · RGB 99 102 241
Accent Violet #8B5CF6 · RGB 139 92 246
Primary tints Steps from full saturation toward paper
100
75
50
25
10
Highlight + neutrals Pop, ink, paper
Highlight Magenta #EC4899
Ink Midnight #07091A
Paper Snow #FAFAFA
In use Live UI in the selected world
New Read documentation →
03

Typography system

Each direction comes with a complete five-part type system — display, heading, body, caption, and mono. The system you see below reflects the concept selected above; switch directions to feel a different voice across the page.

Display Hero · wordmark
Runestone Рунестөүн
Heading Section titles
Brands worth carving in stone.
Body Paragraphs · UI

A brand isn’t a logo. It’s the feeling people get before they read a single word. We help ambitious teams craft identities that earn attention and last decades — not seasons.

Caption Eyebrows · tags
BRAND BOOK · 2026 · VOL 01
Mono Code · spec · numerals
runestonetechnologies.com / v1.0.0
04

Guidelines

A focused brand book — both as a PDF and a live web reference. Logo usage, clear space, color rules, do’s and don’ts. Short enough to read in 10 minutes; clear enough that nobody on the team has to guess.

Do

Use the brand mark on dark surfaces.

Do

Respect the clear space — at least 25% of the mark’s height on every side.

Don’t

Don’t stretch, skew, or distort the mark to fit a layout.

Don’t

Don’t recolor the mark outside the approved palette.

05

Applications · beyond the screen

A brand only matters if people see it where they live. We deliver templates for the digital things you use every day — and the physical objects that put your brand into people’s hands. Eight examples below, all built from the same system.

Business card
Runestone Technologies
Bayarsaikhan O.
Founder · CEO
craftzbay@gmail.com · +976 9442 2470
Download business cards .zip · 8 PNGs · 632 KB
Email signature
Bayarsaikhan Otgonbayar
Founder · CEO
runestonetechnologies.com
Social cover
Runestone
Software that endures
Mug
RUNESTONE
Pen
RUNESTONE
Hoodie
T-shirt
Brochure
Runestone BRAND BOOK · 2026 Brand Story PALETTE 02
06

Components

Brand applied to a live UI kit — buttons, inputs, badges, alerts, tabs. Each component reads from the same color and type tokens, so a concept change repaints every screen built on the system.

Buttons
Form
Badges & alert
v1.0.0 New Live Beta
Welcome to Runestone.

Your brand workspace is ready. Pick a direction above to preview the world.

Navigation
07

Mobile

A pocket-sized preview. Status bar, hero, list, tab bar — all driven by the active world's tokens. Hand the same brand kit to your iOS / Android team and it just works.

9:41 5G ●●●●
Runestone
FEATURED
Brands worth carving in stone.
Identity refresh
2 days ago · Updated
Brand book v2
Last week · Live
Component review
3 weeks ago · Done

One brand. Every screen size.

  • Tokens map 1:1 to iOS / Android variables.
  • Status bar + tab bar follow the system theme.
  • Display type scales naturally on small screens.
08

Web

A site front in the brand world. Topbar, hero, CTA, card grid — every element pulls from the design tokens, so launch-day work is mostly wiring, not decisions.

From token to live page.

  • CSS custom properties drive every surface.
  • Concept switch repaints the page in under 100ms.
  • Headings adopt the brand's display face automatically.
runestonetechnologies.com
Runestone
Work Studio Journal
BRAND · 2026

Software that endures.

A small studio building thoughtful products for teams who care about the details.

CRM
Vision Optic
Trading
Edgebook
Branding
Runestone Brand
09

Iconography

Icons inherit the brand's geometry. Hexagon stays geometric and rounded; Stone wears slab-square caps; Othala draws hairlines with refined corners; Monogram is bold and squared off. Same eight glyphs, four worlds.

Home
Search
Mail
Calendar
User
Settings
Bell
Heart
10

Voice & Tone

Brand isn't only what it looks like — it's how it sounds. Each direction comes with its own headline cadence, descriptive register, and call-to-action verb. Below is the active concept's complete voice.

Headline Hero · billboard
Software that endures.
Description About · pitch deck

A small studio building thoughtful products for teams who care about the details.

CTA Buttons · prompts
Start a project →
11

Bilingual identity

The same brand, in two languages, with no awkward translations. Wordmarks, taglines, and tone of voice are tested in Mongolian and English from day one — not bolted on after the fact.

EN
Runestone

Software that endures.

MN
Рунестөүн

Удаан үргэлжлэх програм хангамж.

How we work

From conversation
to launch in 1–2 weeks.

  1. 01

    Discovery

    We start with conversations — about your business, your customers, what you stand for, and where you want to go. We ask sharp questions and listen for what isn’t said.

  2. 02

    Exploration

    We sketch 3–5 direction concepts in parallel. Different visual languages, different stories. You see all of them — not just our favorite — so the choice is informed.

  3. 03

    Refinement

    Two rounds of focused iteration on the chosen direction. We tune proportions, weights, color, and the small details that elevate the work.

  4. 04

    System & Launch

    We finalize the system — guidelines, applications, file delivery — and stay on hand through your launch. The handoff isn’t the end of the relationship.

Why Runestone

Engineers who design.
Designers who ship.

Built, not just handed off.

We’re a software studio. The brand we design is the brand we’ll wire into your website, your product, and your emails — without losing pixels in translation.

Direct work. Small team.

You talk to the people doing the work — no account managers, no decks-by-committee. Decisions happen in real time, and revisions land same-day.

Real bilingual fluency.

Mongolian and English aren’t bolted on after the fact. Type, voice, and visual rhythm work in both — the way a confident Mongolian brand should.

Scope you can read.

Fixed-price packages, clear deliverables, no surprise invoices. You know exactly what you’re getting before we begin.

Ready to begin?

Tell us about your
brand.

Reach out with anything you have — a name, a vague feeling, a competitor you admire, or a logo you don’t love anymore. We’ll reply within one business day.