The Carcin brand system

The kit that carcin is built from.

One mark. One wordmark. Two palettes, one currency identity. Every screen we ship gets assembled from what's on this page.

Living reference · updated on merge

Section 01

The Agent. (Carcin)

View 0 · φ Construction

FIG. 01

Section 02

The Asset. (The Repo)

View 0 · The Repo · φ Construction

FIG. 02

Section 03

The Prompt.

View 0 · The Prompt · φ Construction

FIG. 03

Let's get started.

Message Carcin…

Start my growth plan My site isn't working Outrank my competitors Starting from zero How does this work?

Powered by Carcin

Section 04 · Email

Signature template.

Drop into Gmail, Outlook, Apple Mail. Mark renders inline as PNG fallback; HTML version uses inline SVG.

Email · 01 · Signature

HTML · PNG fallback

Your Name

Your Role · Carcin

carcin.ai · you@carcin.ai

Standard signature. 64 × 64 mark tile on the left, name / role / contact on the right. Inter for everything; the link is dollar-green. Swap tile background to match the recipient's expected substrate (parchment tile for light senders, ink for dark).

Section 05 · Social

Avatars & posts, 1:1.

Square placements for every platform. Two avatar treatments (vault + parchment) and two square promo cards. Export at 400 × 400 or 1080 × 1080.

Social · Squares · 1:1

Section 06 · Interface

Text entry.

Primary CTA · The Check

FIG. 04

7-day free trial · Cancel anytime · Keep everything it builds

Parchment field · Ink border · Solid ink submit block

Section 07 · Interface

Pills.

Chip family

FIG. 05

Action chip · Onboard prompts

Start my growth plan My site isn't working How does this work?

Media eyebrow · On-photo pill

Industrial · Fabrication Plumbing Personal Brand

Section 08 · Interface

Cards.

Every card is one of six surfaces. Four are typographic: parchment, space, and two vault treatments. Two are photographic, at 16:10 and 3:4, where a pill eyebrow, headline, and benefit line anchor to the bottom over an ink scrim.

Card system · Four surfaces

FIG. 06

Parchment · Industry link tile

Contractors

Win more bids and keep the schedule full while you're on the job.

Space · Numbered how-card

02

Your site goes live

Fully deployed, producing real outreach and real leads.

Vault · Big-stat card

57%

Of small businesses say finding customers is their top challenge.

Vault · Case card with metrics

Boss PDX · Construction

$0 to $1M in annual sales

$1M+

Annual Sales

200+

Estimates

50+

Rankings

Photo card · Horizontal · 16:10 · grids & inline showcase

FIG. 06b

Industrial · Fabrication

You weld.
Carcin fills the schedule.

Plus 102 channels you don't have to think about.

Businesswoman in gray blazer against orange wall

Professional · Consulting

You consult.
Carcin picks the clients.

Discovery, nurture, follow-up. All on autopilot.

Photo card · Vertical · 3:4 · hero tiles & side-by-side rows

FIG. 06c

Plumbing

You fix it.
Carcin books the call.

Plus every other channel that brings customers.

Personal Brand · Artisan

You shape it.
Carcin sells the piece.

Etsy, Shopify, Instagram, email. All synced.

Section 09 · Pricing

The 3-tier grid.

Basic

Best for Individuals

$19.99/mo

Usage-based, starts at

Built for how you make money
Google Business Profile, claimed + optimized
Local directories, listed everywhere
Review collection on autopilot
Weekly growth updates

Start with Basic →

Q&A rows.

01 Native disclosure primitive.

Uses the browser's <details> element: keyboard-accessible, works without JavaScript, no toggle state to manage. Row opens on click, plus icon rotates 45° into an ×, and the row fills with a soft dollar-green wash.

02 Ink hairline between rows.

Container has a 2px ink cap top and bottom; rows are separated by 1px rgba(27,48,32,.18) hairlines. Last-child rule removes the trailing hairline so it doesn't double with the container cap.

03 Mono index numbers.

JetBrains Mono 700, dollar-green-mid, .16em tracking. Same visual grammar as FIG. tags and the atomic-progression labels in the Golden Prompt diagram.

Section 11 · Motion

Ribbon shimmer.

Motion · The 3D security thread

FIG. 07

background: linear-gradient(90deg, #1A3A60, #5A8EC8, #C2D9F0, #5A8EC8, #1A3A60); animation: ribbonShimmer 12s linear infinite;

Sweeps left-to-right at 12s linear · reference-implementation is the Pro tier's top edge in the pricing grid. Reserved for money moments only. Do not apply to interactive controls, dividers, or decorative fills.

Section 12 · Layout

Figures. (Plotted diagrams)

Anything we plot goes in a figure: 2px ink border, 32px drafting grid, a corner tag naming the subject on the left and a FIG. number on the right, and a caption rule across the bottom. Waypoints are filled once reached and hollow while pending.

Section 13 · Layout

The standard row.

One band, one row. The head owns the space above the content and the band owns the space below it, so two stacked bands always resolve to 128px of air and a band never sits flush against the next one.

Row anatomy · vertical rhythm

FIG. 09

.b-head · padding-top 56px

Section head

Kicker, title, and an optional sub. Everything above the content of the row.

.b-head · padding-bottom 40px

Row content

A frame, a grid, a figure. Whatever the section is actually showing.

.band > .wrap · padding-bottom 72px

Dashed bounds are spacing, solid bounds are content. Horizontally, .wrap caps at 1400px with 36px gutters, and the band background always runs full bleed past it.

Stacked bands resolve to 72px + 56px = 128px between one row's content and the next row's head.