• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
dcm31

dcm31

inspiringEmeraldMarsupial

Public
Like
inspiringEmeraldMarsupial
Home
Code
2
README.md
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
Code
/
Search
README.md

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.

Features

  • 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

Usage

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.

Code
README.mdmain.tsx
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.