Talk to Carcin · The Embedded Prompt
An 800×800 mockup of how Carcin shows up inside another site. The first panel is the φ construction: the same 1 : φ : φ² ratio that bounds the Mark also organizes the Prompt. Below that: the unannotated welcome state, a conversation state, and the full component spec.
Every Piece, Broken Out
Each element in isolation with the exact tokens to reproduce it.
Personal injury · 6 attorneys
The Mark
The Carcin mark in four production contexts: wordmark, app icon, favicon, light theme. A spaceship in flight, three exhaust dots flickering in the brand color. Carcin is the operator; the mark is always in motion. (The Repo's mark and its derivation are documented in the accordion at the bottom of this page.)
Logo Lockup
Six colorway variants of the full lockup: mark + wordmark. Same proportions across all six; only the palette changes. Pick the one that matches the surface.
Lockup Anatomy
Two parts. The mark is the personification: the ship, the protagonist, the operator. It stands alone wherever the brand needs a single visual presence (favicon, app tile, social avatar, action button). The wordmark is just the name. It is almost always paired with the mark, but it can run alone in rare, professional contexts where the mark would be redundant (letterheads, fine-print footers, document chrome).
Cards & Surfaces
One canonical card recipe carries every modular container on carcin.ai: .repo-point, .value-card, .feature, .bento-cell, the Client Callout, and the stack-resolve panels. A void-tinted gradient surface, a hairline border, a soft inset highlight + dropped shadow, and a warm gold hover lift. Add the optional glowing icon tile when the card has a category.
Colorways
Carcin Gold is the canonical brand palette, locked 2026-05-31. It runs on carcin.ai and is what applyTheme() derives at runtime from theme.primary = #f5a623. The other six palettes below stay in the system as reference and context variants. Match the colorway to the context: Cosmos for data, Lab for documents, Eclipse for high-stakes, Dawn for warmth, Glacier for clarity, Void for the original purple lineage.
linear-gradient(135deg,
#ffc24d 0%,
#f5a623 50%,
#c9780a 100%)
Used on the primary CTA. Starts at the lifted hover tone, settles at the canonical gold, anchors at the deep amber. The diagonal sweep keeps the button feeling like a lit surface rather than a flat fill.
radial-gradient(ellipse 70% 80%
at 50% 50%,
rgba(245,166,35,0.55),
rgba(245,166,35,0.08) 55%,
transparent 75%)
Behind the mark, button, and any "live signal" element. Warm gold is what starlight is, so it strengthens the constellation thesis instead of fighting it.
Gold is a light accent, so text on gold must be dark. Production uses --accent-on: #18120a (~12:1 on the signature gradient). applyTheme() derives this automatically by luminance, so any future theme swap stays legible without manual color flips.
Provenance. Carcin Gold is a refinement of the Dawn variant (below), pulled to canonical on 2026-05-31. Two reasons: warm gold IS starlight, so it matches the Cancer-constellation thesis better than violet; and it puts maximum distance between Carcin and the generic #f5a623 "AI-vibe-coded" accent that ships on every Claude/Tailwind side-project.
Typography
Two open-source typefaces: Inter for everything legible, JetBrains Mono for technical labels and code. No display face. No editorial serif. Restraint as a brand decision.
.brand-big-number
font-family: 'Inter', sans-serif; font-weight: 900;
letter-spacing: -0.045em; line-height: 0.92;
font-size: clamp(72px, 16vw, 168px);
background: linear-gradient(135deg, #ffc24d 0%, #f5a623 50%, #c9780a 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
filter: drop-shadow(0 0 32px rgba(245,166,35,0.28));
When to use. The shocking-cost reveal (tool stack, fractional team, savings figures). One per section, never two in a row. Pair with a JetBrains Mono caption beneath in --text-dim (e.g. "what your tool stack costs you"). Suffix (+/mo, x, %) sits at 0.32em, aligned center.
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9
UI Elements
Secondary controls. The action button is the only primary CTA; these are the supporting cast. Outline buttons for back/cancel, ghost buttons for tertiary nav, pills for selection, inputs for text capture.
Usage Rules
Six rules. Three for the mark, two for the lockup, one for spacing. Every brand asset on this page follows these. Anything that violates them is off-brand.
Email Assets
Email signature template. HTML-safe markup that renders cleanly in Gmail, Outlook, Apple Mail, and Zoho. Drop into your email client's signature settings.
Ad Campaign Assets
Display network sizes for paid media. Google Display Network's 8 standard banner sizes, plus Meta/Instagram placements. All sizes auto-generated from the same colorway templates.
Downloadable Assets
The confirmed final Carcin logo lockup. Mark + wordmark, ready to drop into anything. Other assets will return here as they reach final.
Carcin · sub-brand The Repo
The Repo · Seven Stars
Source data: J2000 epoch coordinates for the seven primary stars of the asterism behind the mark. Star sizes scale to apparent magnitude. Lines follow the canonical stick-figure pattern. This is the actual celestial geometry, the starting point for The Repo mark above.
The Repo · 4×4×4 Lattice
Forget precision. Each star snapped to the nearest point in a 4×4×4 lattice: 64 possible positions, seven of them lit. Relative geometry preserved, form goes pure structural. Drag to orbit, scroll to zoom.
Three Orbits, Off-Center, Brightness
Three additional iterations exploring different applications of φ. View 24 splits the outer stars into three φ-progressive orbits (1+2+3, the Fibonacci partition). View 25 introduces an off-center construction circle. Vesica Piscis between body and γ: the classical sacred-geometry move where two φ-equal circles share radius but not center. View 26 sizes each star dot by its actual stellar magnitude, with sizes scaled in φ tiers. The body stops being artificially dominant; β (the brightest claw) becomes the largest dot, as it appears in the real sky.
small (24.876°) + large (40.249°) + small (24.876°) = 90°, where large/small = φ. Sequence ι→γ→χ→ζ→β→α uses gaps 0+0+1+1+2 = 195.37°. ζ lands exactly east (90° from vertical). The wide left arc (164.63°) is the asterism's natural asymmetry: empty space honored, not corrected.
Orbits · 100 : 162 : 262 = 1 : φ : φ²
Angle units · 0 = 9(5−√5)° ≈ 24.876° · 1 = 18√5° ≈ 40.249° · 2 = 0+1 ≈ 65.123°
1 / 0 = 40.249 / 24.876 ≈ 1.618 = φ ★
Sequence (ι→γ→χ→ζ→β→α) · 0 + 0 + 1 + 1 + 2
Dot radii · 14 : 9 : 5 : 3 ≈ 1 : 1/φ : 1/φ² : 1/φ³ · brightness inverted to size