Design Export

Extract assets, tokens, and layout from your design tool

Assets

Images, icons, vectors

Colors

Color tokens & styles

Typography

Text styles & fonts

Layout

Component structure

Exported Resources

Review all extracted design elements

Assets

hero-image.png

PNG 1.2 MB

logo.svg

SVG 24 KB

icon-home.svg

SVG 8 KB

icon-user.svg

SVG 6 KB

feature-1.png

PNG 845 KB

feature-2.png

PNG 920 KB

icon-star.svg

SVG 5 KB

background.png

PNG 2.1 MB

Colors

Primary

#3B82F6

Buttons, links

Secondary

#8B5CF6

Accents

Success

#10B981

Success states

Warning

#F59E0B

Warnings

Error

#EF4444

Errors

Background

#F8FAFC

Page background

Surface

#FFFFFF

Cards, panels

Text

#0F172A

Body text

Typography

Heading 1

Inter • 36px • Weight: 700 • Line: 40px

Heading 2

Inter • 30px • Weight: 700 • Line: 36px

Heading 3

Inter • 24px • Weight: 600 • Line: 32px

Body Large

Inter • 18px • Weight: 400 • Line: 28px

Body

Inter • 16px • Weight: 400 • Line: 24px

Body Small

Inter • 14px • Weight: 400 • Line: 20px

Caption

Inter • 12px • Weight: 400 • Line: 16px

Button

Inter • 14px • Weight: 600 • Line: 20px

Layout

Page: Landing

1920 x 1080px viewport

Component: Header

Navigation, logo, auth buttons

Component: Hero Section

Title, subtitle, CTA, hero image

Component: Features Grid

3-column layout with icons

Component: Footer