Kraymer Art — Brand Book

One system,
not a template.

Kraymer Art exists between two worlds: artisan high-end jewelry and anime culture. This document gathers the creative principles that connect every launch, campaign and customer touchpoint into one recognisable identity.

Based on the brand's creative direction framework. The brand-audit sections (current state, perceived-value erosion) have been left out of this operating guide — this document covers the execution system. Press ⌘K anytime to jump to a section.

19Sections
7Shot types
2Type families
12Col. desktop grid
01Foundations

Brand expression

The identity should preserve the craftsmanship, materiality and permanence of jewelry while carrying the emotion, symbolism and recognition that make fandom meaningful. It should never feel like traditional luxury, generic minimalism or literal merchandise.

Product first

The product is always the visual focal point

Every asset is subordinate to the piece. Nothing competes with the product.

Clarity

One primary message

Every asset should communicate one primary message, without added noise.

Consistency

Systems over individual decisions

Systems take priority over one-off individual creative decisions per project.

Craftsmanship

Materials, finishes and details should always be visible

The technical detail of the piece must always be perceptible.

Subtle fandom

References should reward recognition, not demand it

References reward those who recognise them; they're never forced on those who don't.

Where Kraymer sits

Traditional luxury

Cold, generic, exclusionary. Craft without warmth.

Kraymer Art

Crafted, culturally aware, immediately recognisable to those who know.

Literal merchandise

Loud references, disposable feel, no collectible value.

02Creative process

The creative workflow

Every launch follows the same process — not because every collection is the same, but because every collection deserves the same level of creative thinking.

01

Creative Concept

One central idea — a character, world, symbol or emotion that justifies the collection before anything is produced.

02

Creative Direction

The world is built around the idea — mood, references, symbols, colour — before deciding how any single asset should look.

03

Asset Planning

The creative vision is translated into a production roadmap: which assets, in what order, with what priority.

04

Execution

Photography, CGI, motion, design and content production — all answering the same brief.

Inspiration, not replication

Anime is the starting point of every collection, never the final outcome. Kraymer Art does not recreate characters or scenes — it translates the ideas, emotions and symbolism behind them into collectible jewelry.

Inspiration over replicationEmotion before characterSymbolism before illustrationCollectibility before noveltyCraftsmanship elevates the reference

Worked example

Core Idea: A moon-court of quiet nobles who trade favours in starlight rather than gold.

Mood: Hushed, nocturnal, formal — restrained opulence rather than spectacle.

References: Heian-era court dress silhouettes, lunar phase diagrams, still water reflections.

Symbols: Crescent motif, trailing thread, court seal stamp.

Colour: Deep indigo base, brushed silver accent, single warm ivory highlight.

Creative Applications: Product photography lit like moonlight through a window; CGI renders favour indigo backdrops over black; social content paced slow, minimal captions.

Do's & Don'ts: Do keep every surface quiet and reflective. Don't introduce warm daylight tones or loud graphic overlays.

Checklist

0/4
03Creative process

Collection World

Every collection has its own Collection World: a dedicated document that defines the visual and emotional direction of the launch before any production begins. It must be developed before photography, CGI, video, campaign design or social production starts.

One sentence that defines the central concept of the collection. Write it so anyone on the team could repeat it from memory.
The emotional atmosphere the collection should communicate — three adjectives are usually enough.
Visual, cultural and artistic references that inform the direction — moodboard, not a shot list.
Recurring elements, details or motifs connected to the collection.
The primary palette and supporting accents — see the Colour system for permanent brand tokens this should sit alongside.
How the world should translate into photography, CGI, video, web and social content.
A concise definition of what belongs within the world and what moves away from it.
Collection World — fillable template
Markdown · the 7 fields above, ready to duplicate per launch
Download
04Creative process

Creative disciplines

Every discipline translates the Collection World into its own language, always under the same principles.

Product visuals

The product is always the subject. Accuracy is never sacrificed for aesthetics. Materials, proportions and finishes must remain faithful to the real product.

Graphic design

Typography communicates hierarchy, never decoration. Layouts should feel clean, balanced and intentional.

Motion

Motion should support the story, not distract from it. It should feel intentional and restrained.

Digital experience

Storytelling supports conversion. Navigation should feel effortless — the product remains the focus.

Storytelling

Every collection communicates one clear narrative, built through symbolism and atmosphere — never exposition.

06Visual identity

Typography

Typography gives Kraymer Art its voice before a customer reads a single word. It should feel precise, contemporary and editorial — never corporate or decorative.

Display — Nantes Light / Light Italic
Aa Kraymer Art
Aa Kraymer Art
Display — Nantes Regular / Bold
H1 Headline — Regular
H1 Headline — Bold
Body / UI — Bricolage Grotesque
H2 Headline — 200
H2 Headline — 400
H3 Headline / Tag — 600

Body copy in Bricolage Grotesque Light — for paragraphs, product descriptions and interface microcopy.

Proposed scale — refine with type design

RoleFamilyWeightSize / remLine heightSample
H1Nantes30064px / 4rem1.0Aa
H2Nantes30044px / 2.75rem1.05Aa
H3Bricolage Grotesque50022px / 1.375rem1.2Aa
Tag / EyebrowBricolage Grotesque60011px / 0.6875rem1.4Aa Tag
BodyBricolage Grotesque30015–17px / 0.94–1.06rem1.5Aa
CaptionBricolage Grotesque40012.5px / 0.78rem1.4Aa
Maximum two type familiesConsistent spacing scaleLeft aligned by defaultAvoid centered paragraphs
07Visual identity

Colour and texture

Colour reinforces the product, it doesn't define the brand. Permanent colours create recognition; collection colours create emotion. Provisional palette — to be finalised against the brandbook's exact values. Click any swatch to copy its hex — click again to reveal a tint/shade ramp, and click a shade to copy that instead.

Click to copy
Black
#0A0A0A
Click to copy
Main dark
#141414
Click to copy
Main light
#F5F3EF
Click to copy
Light shade
#EAE7E0
Click to copy
Dark shade
#DCD8CF
Click to copy
Collection colour #1
#6B3F4D
Click to copy
Collection colour #2
#3F4D43
Click to copy
Accent colour
#8A7345

Usage guidance

~60%

Main light / paper

Backgrounds, negative space. Lets the product breathe.

~30%

Main dark / black

Typography, wordmark, structural elements.

~10%

Collection accents

Used sparingly, scoped to a single collection's Collection World — never as permanent brand colour.

08Visual identity

Grid & Layout

Graphic design should provide a consistent structure across collections while leaving enough space for each creative concept to develop its own visual world.

Desktop: 80px outer margins · 24px gutters  ·  Mobile: 20px outer margins · 16px gutters

Hierarchy

1. Product2. Collection / message3. Supporting information4. Decorative elements
09Visual identity

Composition

Composition determines how information is prioritised before it is read. Consistent layouts reduce visual friction and create familiarity.

One focal point

Every asset has one dominant element: the product, the campaign image, the collection title or the central message.

Image dominance

Practical hierarchy: Image → Headline → Supporting information → Action. Never give equal visual weight to every element.

Scale & space

Space isolates the product, increases perceived value, separates information and directs the eye. Empty areas should feel intentional.

In practice

Avoid — competing elements
Prefer — image dominance, clear anchor
10Voice & content

Copywriting

Language should feel as intentional as the visual identity. Clear, restrained and confident writing strengthens recognition.

Product descriptions

Craftsmanship before adjectives. Explain what the piece is, how it is made and what inspired it.

Collection stories

Narrative before catalogue. Introduce the world behind the collection, not the list of products within it.

Calls to action

Guidance before urgency. No artificial pressure or fake countdowns.

Brand language

Precision before promotion. Choose words that describe, not words that simply try to impress.

Tone

Confidence before persuasion. State things clearly. Let the work speak for itself.

Headlines

Short before descriptive. Capture the idea in a few words; let supporting copy provide the detail.

Before / after

Before: "This AMAZING piece will blow your mind! Limited stock, don't miss out on this incredible collector's item everyone is talking about!!"

After: "925 sterling silver, hand-finished with a brushed texture. The crescent motif is cut in relief and darkened by hand to hold shadow at the edges."

11Voice & content

Photography direction

Photography defines how Kraymer Art is perceived before a product is understood. Every image should reinforce craftsmanship through material accuracy, controlled lighting and restrained composition.

Prioritise
Avoid
Material accuracy
Stylised colour grading
Soft directional light
Hard or dramatic lighting
Controlled contrast
Crushed shadows or blown highlights
Organic textures
Artificial digital effects
Natural reflections
Mirror-like glare
Quiet compositions
Visual clutter

QC checklist

0/6
12Voice & content

Product presentation

A functional system designed to reduce uncertainty and create consistency across the entire catalogue. Every gallery communicates the same information in the same order. Click a tile to preview it full-size.

Prioritise
Avoid
Consistency
Unique galleries for each product
Product clarity
Marketing-first imagery
Material accuracy
Stylised representation
Functional information
Decorative graphics
Real scale
Exaggerated proportions

Gallery completeness checklist

0/7
13Channels

Digital experience

Design for mobile first. Decisions around hierarchy, navigation and interaction should always prioritise the smallest viewport.

Mobile first

Every decision is made for the small viewport first, then expanded.

Predictable navigation

Users should never need to relearn how to move between collections, products or content.

Reusable components

Interfaces built from components rather than unique page designs.

Component examples

Pill tag Nav link
Progress

Non-negotiable rule: text must be live, selectable text — never baked into an image.

Pre-launch checklist

0/5
14Channels

Social media

Social media functions as an extension of the brand, not a separate channel. Branding remains subtle — avoid persistent logos, frames or watermarks.

Formats

4:5 for feed · 9:16 for stories/reels · 1:1 only when required. Design for the native format, never crop existing assets.

Feed structure

Balanced mix of product, campaign, storytelling and community content — avoid long sequences of the same post type.

Asset reuse

Every execution should generate assets across feed, stories, reels, website, advertising and email before creating new content.

Feed mix example

ProductCampaignStorytellingCommunity
15Channels

Motion

Motion adds rhythm and emphasis without becoming the focus itself. It should reinforce hierarchy, reveal information and communicate interaction.

Timing

Short, deliberate transitions — precision over spectacle.

Movement

Scale, opacity and position favoured over exaggerated effects or complex transformations.

System

Similar interactions move in similar ways, regardless of platform or campaign.

Timing, felt

Restrained (correct)
Dramatic (avoid)
16Channels

Advertising

Advertising is often the first interaction people have with Kraymer Art. Every campaign should both reinforce the brand and promote a product or collection, creating recognition.

Campaign QC checklist

0/4
17Operations

Asset management

Creative assets are long-term brand resources, not disposable production files.

Organisation

One source before multiple versions. Every approved asset has a single master file.

Structure

Systems before folders. Organised by collection, campaign and format.

Naming

Provisional format: Collection_AssetType_Platform_Version

Scalability

Reuse before recreation. Approved source files stay editable; exports are generated from those masters.

Naming generator

18Operations

Review & quality control

No asset is published without final approval from the Creative Director. Every piece is evaluated against the full framework before going into production.

0/7
19Resources

Downloads

Source files for direct production use.

Logo — Kraymer wordmark (SVG)
Vector · black on transparent
Download
Typeface family — Nantes (WOFF2)
Light · Light Italic · Regular · Regular Italic · Bold · Bold Italic
Download .zip
Collection World — fillable template
Markdown · the 7-field pre-production brief
Download
Bricolage Grotesque
Via Google Fonts — variable, opsz 12–96, wght 200–800
Open in Google Fonts

MVP v0.2 — upcoming revisions: exact colour values, px/rem type tokens finalised with a type designer, per-collection application examples, real product photography in the galleries above.

Esc