Brand Guidelines

Brand Guidelines

This is
Tektome.

About this Guide

This document outlines the visual and verbal identity of our brand. It provides clear guidelines to ensure consistency across every touchpoint — from digital products to printed materials.

Version

2026 Edition
Last updated: April 2026

Sections

4 core categories
covering all aspects of brand identity

Typography

Our Typeface.

Noto Sans is our primary typeface. Selected for its global legibility, technical precision, and warm humanity across all weights and scripts — supporting Latin, Japanese, and beyond. While for secondary we use Meiryo for Legal documents, formal Japanese communications, Microsoft Office documents.

Headline – Noto Sans

Display light,leading 120%, spacing 0%

Designing intelligent architecture for scalable AI systems. Where system design meets artificial intelligence.

Body – Noto Sans

Regular,leading 140%, spacing 0%

Tektome builds AI architecture frameworks designed for reliability, performance, and long-term scalability. Our systems support complex data flows, model orchestration, and infrastructure alignment across products and teams.

Eyebrow/Subhedline – Noto Sans

Bold – all caps,leading 120%, spacing 24%

designed to evolve with your AI roadmap

Labels & UI elements – Noto Sans

Bold – all caps,leading 120%, spacing 0%

Explore Architecture

Contact Our Team

View System Overview

Documentation

Details & Breadcrumb – Noto Sans Mono

Regular – all caps,leading 120%, spacing 0%

Latency optimized

Modular components

Eyebrow/Subhedline

designed to evolve with your AI roadmap

Headline

Designed for
AI-driven teams.

Body

Intelligent systems require structured thinking, precise execution, and adaptable design principles.

Labels & UI elements

Learn MoreAbout Us

Details & Breadcrumb

Powered by Tektome

Headline – Noto Sans JP

Light,leading 120%, spacing 0%

スケーラブルなAIシステムのための
インテリジェント・アーキテクチャ設計。

Body – Noto Sans JP

Regular,leading 140%, spacing 0%

Tektomeは、信頼性・パフォーマンス・長期的なスケーラビリティを重視した AIアーキテクチャ基盤を設計しています。複雑なデータフローやモデル統合、インフラ全体の整合性を支援します。

Eyebrow/Subhedline – Noto Sans JP

Bold – all caps,leading 120%, spacing 24%

AIロードマップに合わせて進化するモジュラー・アーキテクチャ。

Labels & UI elements – Noto Sans JP

Bold – all caps,leading 120%, spacing 0%

アーキテクチャを見る

お問い合わせ

システム概要

ドキュメント

Details & Breadcrumb – Noto Sans JP

Regular – all caps,leading 120%, spacing 0%

レイテンシ最適化

モジュール構成

Eyebrow/Subhedline

AIロードマップに合わせて進化するモジュラー・アーキテクチャ。

Headline

AIを活用するチーム
のために設計

Body

知的なシステムには、構造化された思考、
正確な実装、そして柔軟な設計原則が求められます

Labels & UI elements

詳細を見る会社概要

Details & Breadcrumb

TEKTOME によりライセンス提供

Meiryo is our secondary typeface. The positioning is for legal/paper works documents needed.

Microsoft office native for mac and windows, available on adobe fonts.

Latin

Tektome builds AI architecture frameworks designed for reliability, performance, and long-term scalability. Our systems support complex data flows, model orchestration, and infrastructure alignment across products and teams.

Japanese

Tektomeは、信頼性・パフォーマンス・長期的なスケーラビリティを重視した AIアーキテクチャ基盤を設計しています。複雑なデータフローやモデル統合、インフラ全体の整合性を支援します。

Type System Overview

Primary

Noto Sans | Noto Sans JP

All UI text, headlines, body copy, labels, buttons across digital and print.

Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700

Monospace

Noto Sans Mono

Code snippets, breadcrumbs, metadata, section counters, data labels.

Regular 400 Medium 500

Secondary

Meiryo

Legal documents, formal Japanese communications, Microsoft Office documents.

Regular 400 Bold 700

Color

Color System.

Our color palette is rooted in purpose. Each color has a defined role and should be used consistently across all brand expressions.

Primary Palette

Arch Purple(Accent)

  • RGB 81 / 86 / 190
  • CMYK 77 / 73 / 0 / 0
  • HEX 5156BE
  • Pantone 2726 C

Data Black(Neutral Dark)

  • RGB 16 / 16 / 16
  • CMYK 73 / 67 / 66 / 83
  • HEX 101010
  • Pantone Black 6 C

Draft White(Neutral Light)

  • RGB 255 / 255 / 255
  • CMYK 0 / 0 / 0 / 0
  • HEX FFFFFF
  • Pantone White

Supporting Palette

Taro(Supporting A)

  • RGB 164 / 170 / 240
  • CMYK 35 / 30 / 0 / 0
  • HEX A4AAF0
  • Pantone 2705 C

Lavender(Supporting B)

  • RGB 166 / 165 / 196
  • CMYK 100 / 56 / 0 / 15
  • HEX C8C6F5
  • Pantone 2635 C

Dark Gray(Supporting Dark)

  • RGB 46 / 41 / 48
  • CMYK 74 / 69 / 57 / 63
  • HEX 2A2930
  • Pantone Neutral Black C

Light Gray(Supporting Light)

  • RGB 244 / 244 / 244
  • CMYK 0 / 0 / 0 / 4
  • HEX F4F4F4
  • Pantone Cloud Dancer

Expanded Color — Tints & Shades

Expanded tints and shades are essential for a variety of applications, including website design with intricate details, data visualization, and the creation of gradient color palettes.

Purple

  • HEX 6368C9
  • RGB 99 / 104 / 201
  • CMYK 69 / 64 / 0 / 0
  • HEX 8589D7
  • RGB 133 / 137 / 215
  • CMYK 50 / 45 / 0 / 0
  • HEX A8AAE4
  • RGB 168 / 170 / 228
  • CMYK 33 / 30 / 0 / 0
  • HEX DCDDF5
  • RGB 220 / 221 / 245
  • CMYK 11 / 10 / 0 / 0
  • HEX 5156BE
  • RGB 81 / 86 / 190
  • CMYK 77 / 73 / 0 / 0
  • HEX 484DB0
  • RGB 72 / 77 / 176
  • CMYK 82 / 78 / 0 / 0
  • HEX 3F449F
  • RGB 63 / 68 / 159
  • CMYK 89 / 85 / 0 / 0
  • HEX 2F327A
  • RGB 47 / 50 / 122
  • CMYK 99 / 96 / 19 / 7

Dark

  • HEX 101010
  • RGB 16 / 16 / 16
  • CMYK 73 / 67 / 66 / 83
  • HEX 1A1A1A
  • RGB 26 / 26 / 26
  • CMYK 73 / 67 / 65 / 78
  • HEX 2B2B2B
  • RGB 43 / 43 / 43
  • CMYK 70 / 64 / 63 / 75
  • HEX 555555
  • RGB 85 / 85 / 85
  • CMYK 64 / 56 / 55 / 31
  • HEX 888888
  • RGB 136 / 136 / 136
  • CMYK 49 / 41 / 41 / 5
  • HEX E6E6E6
  • RGB 230 / 230 / 230
  • CMYK 8 / 6 / 7 / 0

Light

  • HEX FFFFFF
  • RGB 225 / 225 / 225
  • CMYK 0 / 0 / 0 / 0
  • HEX F4F4F4
  • RGB 244 / 244 / 244
  • CMYK 3 / 2 / 2 / 0
  • HEX EAEAEA
  • RGB 234 / 234 / 234
  • CMYK 7 / 5 / 5 / 0
  • HEX D6D6D6
  • RGB 214 / 214 / 214
  • CMYK 15 / 11 / 12 / 0

Expanded Color — Gradient

Gradients provide visual variation while remaining rooted in the primary color. They can be effectively used for backgrounds and graphic element implementations.

Purple OPT 1

  • HEX 5156BE
  • RGB 81 / 86 / 190
  • CMYK 77 / 73 / 0 / 0
  • HEX 2F327A
  • RGB 47 / 50 / 122
  • CMYK 99 / 96 / 19 / 7

Purple OPT 2

  • HEX 5156BE
  • RGB 81 / 86 / 190
  • CMYK 77 / 73 / 0 / 0
  • HEX A4AAF0
  • RGB 164 / 170 / 240
  • CMYK 35 / 30 / 0 / 0

Purple OPT 3

  • HEX A4AAF0
  • RGB 164 / 170 / 240
  • CMYK 35 / 30 / 0 / 0
  • HEX C8C6F5
  • RGB 166 / 165 / 196
  • CMYK 100 / 56 / 0 / 15

Dark

  • HEX 101010
  • RGB 16 / 16 / 16
  • CMYK 73 / 67 / 66 / 83
  • HEX 555555
  • RGB 85 / 85 / 85
  • CMYK 64 / 56 / 55 / 31

Light

  • HEX FFFFFF
  • RGB 225 / 225 / 225
  • CMYK 0 / 0 / 0 / 0
  • HEX D6D6D6
  • RGB 214 / 214 / 214
  • CMYK 15 / 11 / 12 / 0

Expanded Color — Secondary

For infographics and statistics that require more variation than the main brand color, providing differentiation in data visualization.

Green

  • HEX 27C395
  • RGB 39 / 195 / 149
  • CMYK 70 / 0 / 56 / 0

Teal

  • HEX 0FAAC7
  • RGB 15 / 170 / 299
  • CMYK 75 / 12 / 17 / 0

Orange

  • HEX E5A058
  • RGB 229 / 160 / 88
  • CMYK 8 / 41 / 75 / 0

Purple

  • HEX A261CA
  • RGB 162 / 97 / 202
  • CMYK 46 / 70 / 0 / 0

Pink

  • HEX e46292
  • RGB 228 / 98 / 146
  • CMYK 5 / 76 / 14 / 0

Example

Polar Area Chart
Bar Chart

Expanded Color — Semantic

To enhance status visibility in UI design and essential to create diagrams that are easily recognizable in a global context.

  • STROKE 1DBF73
  • FILL E9F8F1
  • TEXT 137A4E

Success

Done

  • STROKE F5A623
  • FILL FFF5E6
  • TEXT 9A5C00

Warning

Pending

  • STROKE E5484D
  • FILL FDECEC
  • TEXT 9E2F34

Error

Error

  • STROKE 5156BE
  • FILL EDF2FF
  • TEXT 2F327A

Enabled

Option 1

  • STROKE E0E0E0
  • FILL F4F4F4
  • TEXT BDBDBD

Disabled

Back

Implementation

In the world.

Guidelines only have value when applied consistently. This section provides practical guidance for implementing our brand across every channel and medium.

Application Channels

01

Digital Products

  • Web applications, dashboards, and SaaS interfaces
  • Mobile apps (iOS & Android)
  • Email templates and notifications
  • Browser extensions and widgets

Notes

All digital touchpoints should use the web-safe hex values from the color system. Typography should be loaded via Google Fonts (Noto Sans). Minimum interactive element size: 44px.

02

Marketing & Comms

  • Website landing pages and campaign microsites
  • Social media content (organic and paid)
  • Email newsletters and marketing campaigns
  • Presentation decks and pitch materials

Notes

Marketing uses the full brand palette including supporting colors. Tone of voice must match brand guidelines. Always use approved imagery — no unauthorized stock photos.

03

Print & Physical

  • Business cards, letterheads, and stationery
  • Event signage, banners, and displays
  • Packaging and physical product labels
  • Reports, whitepapers, and print publications

Notes

Always use Pantone or CMYK values for print production. Minimum logo size: 20mm. Paper stock: uncoated or silk coated, minimum 120gsm.

04

Environmental

  • Office signage and wayfinding
  • Trade show and conference presence
  • Merchandise and branded gifts
  • Vehicle wraps and exterior signage

Notes

Large-format applications: use vector files only. Minimum sign size should account for viewing distance (1mm height per 1m viewing distance). Always confirm material suitability with vendor.

Pre-Launch Quality Checklist

Color

Typography

Logo

Imagery

A Living Document

These guidelines will evolve as our brand grows and the world changes.

Check back regularly for updates. If you have questions about applying these guidelines in a specific context, reach out to the Brand Team. We’re here to help you create work that’s consistently excellent.