Living Style Guide

Centaur7 is an independent technology studio with a fantasy meets sci-fi aesthetic. The hand-drawn archer, Fraunces, and Oatmeal bring myth, craft, and human judgment. The portal, MoonStars control, Yale Blue and Portal Blue, precise layouts, and analytical displays bring exploration and computational power. Together they make the work feel imaginative and dependable.

Use that character in studio framing while keeping professional introductions and project evidence direct and readable. Bitting supplies the website's reusable components; it is not the Centaur7 brand. Each marquee project keeps its own artwork. Orbital lines and star details remain design-study ideas until a shared, documented composition earns them through brand expression or useful structure.

A project earns its canonical logo; About uses Adam's portrait; Colophon uses Bitting's publication bookmark. The words remain visible and speak for the visual. ConceptIdentity keeps the name and its single visual together; ConceptLabel carries that pairing into navigation and the actions that open the concept. The symbol is hidden from assistive technology, so a link is announced once.

Sting Coverage The Weekly Dollop Bitting About Colophon

ProjectCatalog owns each project's name and canonical logo. The same identity appears in project rows, About's project connections, brief openings, and project actions. Bitting's branded title wordmark remains its approved heading variant. About's portrait identifies the person behind the studio; Colophon's reserved bookmark identifies the publication's making and credits and also accompanies its page title.

ConceptVisual owns Inline, Card, and Hero sizes. Inline uses --c7-concept-mark, a Bitting icon-size alias, and the shared small gap. Navigation aligns the visual frames and labels to the left; text may wrap inside its own column at narrow widths. A stable Oatmeal backing keeps logos legible in both themes and selected controls. Inline and Card frames clip their image backgrounds to the shared circle. The package symbol uses --c7-concept-symbol-size, half a base unit smaller than the frame, for breathing room on every side. Portraits retain a circular crop; project artwork stays contained and keeps its colors. Topic headings use words without an added symbol; recurring destination concepts retain their one canonical visual. No extra concept color or status meaning is assigned. Generic actions keep their conventional symbols.

Dollop's approved D-and-whisk monogram is the compact mark in navigation, actions, and project rows; the full wordmark is reserved for Hero and print branding. The monogram is copied unchanged from Dollop's icon-192.png. Bitting's existing pip and B retain their colors, proportions, and relative placement; its SVG viewBox balances the surrounding clear space so the artwork sits centrally in the shared frame. Sting's viewBox centers the visible hornet from the top of its wing to the bottom of its stinger, with equal clear space on opposite sides. Center painted artwork, rather than an export canvas's empty margins; keep the canonical paths and shared frame sizing unchanged.

Owners: ConceptIdentity and StudioDestinations, ProjectCatalog, ConceptLabel, and ConceptVisual.

Centaur7 has four brand colors. The logo draws Yale Blue, Portal Blue, and Athletic Red, and stands on Oatmeal. Bitting's semantic tokens map to these colors so package components use the Centaur7 theme without component-level overrides.

The light page is Oatmeal at half strength. Yale Blue body text measures Lc 84.5 on full Oatmeal, under the floor of 90, and Lc 90.8 on the page. Keep full Oatmeal for ground that carries no body text.

Bitting owns the fluid type scale. Centaur7 maps each text role to one of its five size tokens, then adds only the brand typeface, weight, tracking, and rhythm.

The anchor interpolates from 1rem to 1.125rem across 320 to 1120 CSS pixels at the default root size. Its rem intercept preserves reader font preferences. The browser owns the root size; the body consumes the anchor once. Other steps retain Bitting’s phi relationships.

Each expression contains the same clamp, either directly or inside Bitting’s scale calculation. Its minimum is the role at 320px, its preferred rem-plus-vw value interpolates to 1120px, and its maximum applies from there. Values assume a 16px root; increasing the reader’s root increases every bound and intercept.

Reading roles use --c7-ink-current, directly or through Bitting’s primary, secondary, and gray aliases: Yale Blue in light mode and Oatmeal in dark mode. Supporting context may use --bitting-muted (Ink at the documented opacity, or Silver). Actions use the package’s typed BittingPillAppearance: Primary pairs the active ink with the canvas; Secondary reverses them. Native links retain underlines, including visited links. Focus adds the shared ring; disabled actions retain their words and use Bitting’s disabled opacity and non-operable semantics.

Supporting and Micro share Bitting’s small step. Supporting explains context; Micro is a short metadata label with medium weight. Keep both meanings, with no extra size scale. The Card Title is Fraunces for project identity; interface headings remain system UI. Refining the Card Title updates both project cards and the About roster captions.

Values below are read from the running stylesheets in the active theme. Resize the page or change the theme, then refresh the reading. Type expressions retain the package’s calculations; no specimen maintains its own scale.

The host grid uses 36em for the roster’s third column and a horizontal studio hero, 48em for paired content, 62em for desktop navigation and five roster photos, and 75em for paired charts. Bitting’s contents control now switches at 100em, following the same font-relative convention. Every Centaur7 query uses the listed em values; the reader’s font preference therefore moves the layout thresholds. Type remains fluid between them.

These are live Bitting components from the pinned package, shown in the Centaur7 theme. The guide demonstrates behavior and composition instead of redrawing their anatomy.

Recurring titles are never reassembled page by page. Each lockup below names its production primitive, order, spacing, and responsive rule.

Centaur7 components arrange recurring studio content with Bitting components.