the personal brand of
ANDREW
CHIAPPETTA
Logo
One mark, drawn by hand. The A holds the line; the asterisk is the footnote that says there is always more.
The A∗ is the primary mark and works alone at any size. It is never redrawn, recolored outside the palette, stretched, or boxed. Give it room: clear space on all sides equal to the height of the asterisk.
= ✳ heightDigital · 24pxFavicon · 16pxUse bone on void, or arterial red as a rare accent. Keep the proportions exactly as drawn.
Don't stretch, fade below full contrast, recolor off-palette, or place the ink mark on a dark surface.
Color
A monochrome world interrupted once. The red is a heartbeat, never a coat of paint.
Use #fe1e34 on one or two elements per view at most — a hairline border, the cursor dot, a single underline. Never as a fill behind body text, never as a text color for paragraphs. Spread it thin and it stops meaning anything.
Type
Two voices in dialogue — architectural caps against a hand-scripted signature. Nothing else is needed.
Set tight. Headlines run -0.05em to -0.08em so caps compress into architecture.
Used only for connective words, signatures, and pull-quotes. The script against the heavy caps is the contrast.
Voice
Say less. State the fact, end the sentence. Confidence reads as restraint, not volume.
Declarative
Short sentences. No hedging, no filler reassurance.
Specific
Real numbers and named things over abstract verbs.
Unbothered
Never shout. The work is the proof; the type does the talking.
- “I build businesses and the systems that scale them.”
- “Three companies. One standard.”
- “Held to the A∗ standard.”
- “We leverage synergies to deliver world-class solutions.”
- “Passionate, results-driven entrepreneur and visionary.”
- “Let's connect and explore how I can add value!”
Build
Drop the brand into any project. Copy the commands, paste the tokens, ship.
npx shadcn@latest add "https://reactbits.dev/r/TextPressure-TS-TW.json"The animated name in the hero is the TextPressure component from React Bits, added through the shadcn CLI.
import TextPressure from "@/components/TextPressure";
<div className="h-[18vw] min-h-[110px] w-full">
<TextPressure
text="CHIAPPETTA"
flex width weight
italic={false}
textColor="#fcfcfc"
minFontSize={56}
/>
</div>/* app/globals.css */
@import "tailwindcss";
@theme {
--color-void: #080808; /* page canvas */
--color-charcoal: #171617; /* footer / panels */
--color-smoke: #262525; /* content blocks */
--color-graphite: #393939; /* card surface */
--color-bone: #fcfcfc; /* primary text */
--color-ash: #d4d2d2; /* secondary text */
--color-iron: #525252; /* dividers / rules */
--color-arterial: #fe1e34; /* sole accent */
--font-display: var(--font-inter); /* caps / UI */
--font-serif: var(--font-pinyon); /* signature */
}// app/layout.tsx
import { Inter, Pinyon_Script } from "next/font/google";
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
weight: ["400", "500", "700", "800"],
});
const pinyon = Pinyon_Script({
variable: "--font-pinyon",
subsets: ["latin"],
weight: "400",
});
// <html className={`${inter.variable} ${pinyon.variable}`}>