Crappy Presentations — Bold Orange Studio

Bold Type-Driven

Cream-and-orange agency site built from huge black grotesque type, flat color blocks, and hand-drawn doodle mascots.

Crappy Presentations — Bold Orange Studio preview — Scrolling capture — scroll inside the frame to see the whole page

Mood: Loud, confident, a little irreverent — an agency that wants you to smile before you buy.
Colors: Cream base #FAF6EC, near-black text/logo #121212, vivid orange block #EE6C2E, white #FFFFFF, small yellow accent badge #F5D949.
Type: A heavy, rounded grotesque (like Poppins ExtraBold or General Sans Bold) at huge sizes with tight tracking for headlines; simple, small sans body text for contrast.
Layout: Big centered hero statement, full-bleed orange block housing a numbered accordion list (01-04), stacked two-column proof/portfolio sections, rotated sticker-badge callouts breaking the grid.
Motion: Accordion items expand and collapse on click; rotated badge callouts suggest a hand-placed tilt; simple hover/scale states on buttons and cards.
Texture: Flat solid color blocks with zero gradients, black hand-drawn doodle illustrations, pill buttons with arrow icons, no drop shadows — everything flat and graphic.
Imagery: Generate: black hand-drawn line-art doodle mascots (a triangle character, jigsaw puzzle pieces, a sunglasses-wearing figure) and colorful flat-graphic presentation-slide thumbnails. Tool: kie-ai GPT-Image or nanobanana for the illustrated line-art style; no photography needed.
Don't: No gradients, no photographic hero imagery, no muted or desaturated colors, no serif type, no soft pastel tones.

Use in a session

crappypresentations

Tell Claude: build [my thing] using swipe ref crappypresentations

Full recreation prompt

Recreate a landing page in the "Crappy Presentations — Bold Orange Studio" style (Bold Type-Driven). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Loud, confident, a little irreverent — an agency that wants you to smile before you buy.
- Colors: Cream base #FAF6EC, near-black text/logo #121212, vivid orange block #EE6C2E, white #FFFFFF, small yellow accent badge #F5D949.
- Typography: A heavy, rounded grotesque (like Poppins ExtraBold or General Sans Bold) at huge sizes with tight tracking for headlines; simple, small sans body text for contrast.
- Layout: Big centered hero statement, full-bleed orange block housing a numbered accordion list (01-04), stacked two-column proof/portfolio sections, rotated sticker-badge callouts breaking the grid.
- Motion: Accordion items expand and collapse on click; rotated badge callouts suggest a hand-placed tilt; simple hover/scale states on buttons and cards.
- Texture: Flat solid color blocks with zero gradients, black hand-drawn doodle illustrations, pill buttons with arrow icons, no drop shadows — everything flat and graphic.
- Avoid: No gradients, no photographic hero imagery, no muted or desaturated colors, no serif type, no soft pastel tones.

Imagery (generate real assets, do not use placeholders): Generate: black hand-drawn line-art doodle mascots (a triangle character, jigsaw puzzle pieces, a sunglasses-wearing figure) and colorful flat-graphic presentation-slide thumbnails. Tool: kie-ai GPT-Image or nanobanana for the illustrated line-art style; no photography needed.

Reference exemplar: https://www.crappypresentations.com/. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://www.crappypresentations.com/ ↗