Tilda Blog

Hand-Drawn Style In Web Design

The hand-drawn style gives the website a cozy look and a slight sloppiness—it feels like glimpsing into a personal notebook. It's a nice way to get closer to the visitor, communicate in a friendlier way, and increase trust. Texts on such websites are often simple and informal. Communication feels like a relaxing chat.

Scribbles
Hand-drawn lines or scribbles are used as stand-alone elements or in interaction with text—as underlines, strikethroughs, or outlines. Scribbles help highlight important details of the website.

Texture
Textures add a sense of something tangible and tactile to the screen and create a cozy mood. Often the paper texture or its design is used—dotted, checkered, and ruled.

Handwriting Fonts
Fonts that simulate handwriting add a personal touch. The key here is to strike a balance: Such fonts are often difficult to read, so they are not suitable for long texts.

Collages
Casually cropped photos, bright borders, textures, silhouettes, and scribbles can all become collage elements that you can use to visualize content on the website.

Tip: The hand-drawn style includes a mix of various elements, so it's vital to keep the content easy to perceive. Use a grid or lines of force for texts and key elements and keep the visual hierarchy. This will help visitors find the desired info faster.

The hand-drawn style works well for projects with a friendly, relaxed tone, such as a therapist's website, experimental theater, or an educational project.
Made on
Tilda