Hand Drawn Cards Logo

This Val creates a hand-drawn cards logo using SVG with React. It implements the ballpoint pen style for both border and cards as workshopped in the canvas.

• Creates a hand-drawn effect using path variation with wavy lines
• Generates mini cards within the logo for visual interest
• Uses the 'Alegreya Sans SC' font for the "Hand-Drawn" text
• Applies clipping to keep mini cards within the logo bounds

Import this component and use it in your React application:

Create val
import { HandDrawnCardsLogo } from './handDrawnCardsLogo.js';

function App() {
  return <HandDrawnCardsLogo />;
}

This component matches the workshopped design for the hand-drawn-cards branch in the charBuildSuperapp project.