Working Brand Standards · Version 1.0

Charles Bibbs
Digital Brand Kit

Website-derivedLogo pendingAccent pending

A practical source of truth for designers, writers, developers, photographers and collaborators working with the Charles Bibbs and Studio B digital presence.

01 · Foundation

Art first.
Editorial always.

The brand should feel like a considered gallery experience: culturally grounded, visually generous, quietly confident and centered on the work rather than decoration.

Established

Gallery-minded

Use space, proportion and restraint to give every artwork room to hold attention.

Established

Editorial

Pair expressive serif headlines with clear supporting information and purposeful hierarchy.

Established

Human

Speak with warmth, knowledge and welcome. Avoid language that feels exclusive or overly commercial.

03 · Color

Warm neutrals
frame the work.

The digital palette stays intentionally quiet so the artwork supplies the color. These are the most consistent values found across the current website system.

Gallery Ink#201F1B · Primary text
Deep Panel#25231F · Dark sections
Editorial Paper#F9F9F7 · Primary canvas
Clean White#FEFEFE · Clean canvas
Warm Cream#F3F0E8 · Branded section
Soft Stone#F3F1ED · Alternate section
Warm Gray#716D64 · Eyebrows
Body Gray#6E6961 · Supporting text

Accent status: intentionally unresolved. Do not introduce yellow, gold, rust or another signature accent as a default until one is formally approved. Let artwork color provide emphasis in the meantime.

04 · Typography

Character
meets clarity.

Volkhov carries the artistic and editorial voice. Inter handles navigation, descriptions, metadata, buttons and practical information.

Display Typeface

Volkhov
The artist's hand

Regular 400 · Italic 400 · Bold 700
Headlines, artwork titles, pull quotes

Supporting Typeface

Inter

Current stories, collector guidance, announcements and occasional reflections—presented with clarity and room to breathe.

Regular 400 · Medium 500 · Semibold 600
Body copy, navigation, labels, metadata, calls to action

EyebrowFrom the Journal
Section titleNew From the Studio
IntroductionA concise supporting statement sits beside or beneath the title and explains why the section matters.
Body copyLong-form writing should be comfortable and measured. Keep paragraph columns near 720 pixels and use generous line spacing to support an older, art-focused readership.

05 · Layout and Space

Think in
large canvases.

The system uses wide editorial rails, deliberate asymmetry and generous vertical intervals. Space is an active part of the identity.

1320 pxStandard content rail for most homepage and collection sections.
1440 pxExpanded rail for large editorial and blog headers.
720 pxRecommended maximum width for long-form article paragraphs.
140 pxPreferred desktop top and bottom padding for major “canvas” sections.

Typical mobile gutters are 18 pixels per side. Desktop gutters commonly range from 32 to 64 pixels per side. Use a one-pixel warm-gray rule to organize content without boxing it in.

06 · Components

Quiet signals,
clear actions.

Interactive elements should be unmistakable without competing with the art. Repetition and alignment matter more than ornament.

Primary outlined action

Explore the Work

Minimum height 58 px · 15–17 px Inter Semibold · Uppercase · Wide tracking · Inverted hover

Editorial text link

View Latest Works →

Underlined with a thin rule · Use for card and section-level navigation

Standard header anatomy

Recently Added

Latest Works

Eyebrow, expressive title, supporting copy and a thin terminating rule.

Dark-panel action

Bring the work into your world.

Contact the Studio

07 · Imagery

Artwork is
the visual authority.

Use scale and crop intentionally. Preserve surface, texture and line. Captions may sit outside an image or appear over a restrained gradient when the image can support it.

Full-width / parallax hero
Two-thirds image

Image + storyUse a two-thirds image with an adjacent text column for a narrative turning point or close reading.

Paired square
Paired square
Article-width vertical
Wide, not full-bleed
Artist: Charles Bibbs   |   Artwork Title   CLOSE-UP

Image standards: export in sRGB; use descriptive lowercase filenames with hyphens or underscores; avoid unnecessary enlargement; retain enough resolution for the displayed size; use lazy loading below the opening image; and include meaningful alt text.

08 · Voice and Editorial

Knowledgeable.
Warm. Unforced.

Writing should deepen a reader's relationship with the work. It should invite curiosity and confidence without pressure, jargon or exaggerated claims.

Sound like this

  • Thoughtful and culturally aware
  • Welcoming to new collectors
  • Specific about materials and meaning
  • Confident without being grandiose
  • Personal, reflective and visually literate

Avoid this

  • Hard-sell urgency or artificial scarcity
  • Unexplained art-market terminology
  • Generic luxury language
  • Overly casual social-media phrasing
  • Claims that overshadow the artwork
Journal

Collecting Art

Practical guidance for new and experienced collectors.

Journal

Behind the Work

Meaning, symbolism, cultural context and individual artwork stories.

Journal

Studio Notes

Process, materials, works in progress, announcements and reflections.

09 · Still Needed

What completes
the kit.

This guide documents the digital identity that already exists. The following items require formal decisions or original source material before the brand system is complete.

Final feather logo

Primary mark, symbol, wordmark, lockups, clear-space rules and minimum sizes.

Approved accent color

Optional. Select only after testing it against the artwork and accessibility requirements.

Master artwork library

Approved hero images, crops, captions, credits, alt text and usage permissions.

Formal brand narrative

A short approved statement describing purpose, audience, history and positioning.

Contact and legal conventions

Official business name, copyright line, trademark use, addresses and standard credit language.

Social and print extensions

Profile marks, post templates, letterhead, business cards, certificates and packaging standards.

10 · Starter Tokens

A practical
handoff.

Developers may use these variables as a clean starting point. They reflect the most stable decisions in the current website files.

:root { --cb-paper: #f9f9f7; --cb-white: #fefefe; --cb-warm-cream: #f3f0e8; --cb-soft-stone: #f3f1ed; --cb-ink: #201f1b; --cb-deep-panel: #25231f; --cb-warm-gray: #716d64; --cb-body-gray: #6e6961; --cb-rule: rgba(32, 31, 27, 0.19); --cb-display-font: "Volkhov", Georgia, serif; --cb-body-font: "Inter", Arial, sans-serif; --cb-content-width: 1320px; --cb-wide-width: 1440px; --cb-reading-width: 720px; --cb-section-space: 140px; }