Erfan

Generated Nov 8, 2026

DESIGN.md for loadingcompany.ir

loadingcompany.ir14 colors5 componentsEstedad + Vazirmatn

Remix

12 screenshots captured· loadingcompany.ir

1 / 12 · سایت‌ساز حرفه‌ای برای کسب‌وکارها | Loading · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Want a DESIGN.md like this for your own website?

Design tokens

Extracted from loadingcompany.ir

Primary

#103451

Primary CTA, brand accent, active state

#658198

Secondary accent / hero band

#587087

Accent / decorative

#1689E8

Accent / decorative

#21435E

Accent / decorative

#37556D

Accent / decorative

#CE9178

Accent / decorative

#127BD0

Accent / decorative

Neutral

#F8FBFE

Default page background

#12263A

Headings / primary text

#70869A

Body copy

#7A8FA1

Captions, secondary text

#E2EDF6

1px borders and dividers

#EDF3F8

Neutral

Typography · VazirmatnGoogle Fonts

body13px · 400 · 24.7px

caption12px · 800 · 22.8px

link15px · 800 · 24px

button11px · 800

list-item12px · 400 · 22.8px

caption11px · 400 · 20.9px

nav-link13px · 600 · 24.7px

body15px · 400 · 28.5px

body14px · 800 · 26.6px

heading16px · 700 · 30.4px

heading17.55px · 700 · 33.345px

body16px · 400 · 30.4px

body14px · 700 · 26.6px

body13px · 700 · 24.7px

caption12px · 900 · 22.8px

body17px · 700 · 32.3px

caption12px · 500

caption12px · 700 · 18px

button14px · 800

label13px · 700

input16px · 400

caption12px · 400

Typography · EstedadGoogle Fonts

h156px · 900 · 79.52px

h236px · 800 · 54px

h319px · 800

body27px · 900

heading22px · 850 · 35.2px

body23px · 800

heading26px · 800

body21px · 800

heading16px · 800

body23px · 900

h126px · 800

h230px · 800 · 51px

link23px · 900

Typography · ui-monospaceGoogle Fonts

code12px · 400 · 16px

code14px · 400 · 20px

code13px · 400 · 19.5px

Typography · ui-sans-serifGoogle Fonts

h130px · 600 · 36px

h218px · 600 · 28px

h316px · 600 · 24px

body20px · 300 · 28px

button14px · 400 · 20px

body14px · 300 · 20px

body14px · 500 · 20px

Spacing

16px

24px

12px

8px

132px

20px

76px

4px

Elevation

rgba(23, 79, 121, 0.024) 0px 8px 28px 0px

rgba(14, 75, 124, 0.08) 0px 12px 35px 0px

rgba(22, 137, 232, 0.173) 0px 8px 20px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

Components · 5

Remixes of loadingcompany.ir

Latest remixes

No public remixes yet. Be the first to make one.

Remix it