Fix Navigation Script Error
A whimsical, hand-drawn creative portfolio style with a 'sketchbook' aesthetic. Features include 'wobbly' border-radii, hard-edged black shadows, and organic handwritten typography using Kalam and Patrick Hand. The design uses a cream-colored dot-grid background (#fdfaf6) and vibrant secondary accents like orange-400, yellow-200, and blue-400. Layout elements mimic physical objects with digital tape overlays, thumbtack icons, and wavy-line decorations. Suitable for illustrators, creative developers, designers, and niche agencies looking for a high-personality, artisanal web presence.
Summary
A creative, organic design system that mimics a physical sketchbook. It prioritizes personality over corporate sterility by using imperfect lines, handwritten fonts, and tactile UI elements like tape and pins.
Style
The style is 'Digital Sketchbook'. It pairs 'Kalam' (bold, handwritten) for headings with 'Patrick Hand' (casual cursive) for body text. The color palette is grounded in a warm paper-white (#fdfaf6) with high-contrast black borders (#1a1a1a) and playful pastel highlights. Micro-interactions include 'scribble' animations, floating elements, and wavy underlines.
Layout & Structure
Irregular, airy layout that breaks the traditional grid with tilted elements and 'pinned' objects. Sections are separated by dashed dividers rather than solid lines.
Navigation Bar
Hero Section
Feature Grid
Project Gallery
Contact Form
Components
Digital Tape Overlay
Semi-transparent decorative tape used to 'hold' images.
Thumbtack Pin
Decorative pin icon.
Wavy Underline Link
Links that feel hand-drawn.