Free UI Style Guide for Adobe XD

Vivek Popat created this style guideline for Adobe XD which can be used in your web projects. It includes web elements and their different states (active, hover

Updated January 27, 20261 min read

Vivek Popat created this style guideline for Adobe XD which can be used in your web projects. It includes web elements and their different states (active, hover, disabled).

It comes in two variants: light and dark.

See full presentation

Download

Web Design Proposal: Structure, Pricing, and the System That Closes Clients

A complete guide to writing a web design proposal that wins clients. Covers the 8-section structure, real $4k–$15k pricing breakdowns, the two-option strategy,

Tomas Laurinavicius

Read

June 10, 2026

The UX of Self-Serve SaaS: Designing Demos, Onboarding, and Learning Paths That Help

Master self-serve SaaS UX: Build seamless journeys from landing page demos to smart onboarding and advanced learning paths. Reduce friction and boost activation

Isabella Russi

Read

Designer working with AI tools in a modern creative setup

June 4, 2026

The Designer's AI Playbook: Which Tasks to Delegate, Which to Own

A 2026 guide for working designers: 8 workflow stages where AI delivers, which creative work to protect, and the 7 skills that earn you a 56% pay premium.

Tomas Laurinavicius

Read

Free UI Style Guide for Adobe XD

Related Articles

Web Design Proposal: Structure, Pricing, and the System That Closes Clients

The UX of Self-Serve SaaS: Designing Demos, Onboarding, and Learning Paths That Help

The Designer's AI Playbook: Which Tasks to Delegate, Which to Own