inspiringEmeraldMarsupial
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
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:
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.