mahinda rajapaksha

Generated Nov 2, 2026

DESIGN.md for suwada.lk

suwada.lk6 colors7 componentsAnton + Archivo

Remix

12 screenshots captured· suwada.lk

1 / 12 · Luxury Perfumes & Elegant Fragrance Gifts in Sri Lanka - Suwada.lk · 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 suwada.lk

Primary

#111111

Primary CTA, brand accent, active state; Headings / primary text

#17673A

Accent / decorative

Neutral

#F7F3EF

Default page background

#FFFFFF

Card / panel background; Captions, secondary text; label colour on brand surfaces

#E0418E

Alternating section band

#6F6F6F

Body copy

Typography · Archivo

body13px · 600 · 19.5px

body15px · 400 · 24px

link15px · 400 · 22.5px

button14px · 600 · 21px

input14px · 400 · 20px

nav-link15px · 400 · 32px

body15px · 600 · 20.625px

caption10px · 800 · 10px

body14px · 500 · 20px

heading12px · 600 · 16px

body14px · 700 · 20px

body14px · 600 · 20px

caption12px · 700 · 16px

body13px · 400 · 19.5px

body16px · 400 · 27.2px

body15px · 700 · 22.5px

list-item16px · 400 · 24px

body18px · 700 · 24.75px

h116px · 400 · 24px

h315px · 600 · 20.625px

button16px · 600 · 24px

caption12px · 800 · 12px

caption11px · 800 · 16.5px

body12px · 600 · 16px

caption10px · 600 · 12.5px

display51.84px · 700 · 50.8032px

caption11px · 800 · 16.5px

heading28px · 700 · 42px

body23.8px · 500 · 35.7px

body26px · 700 · 32.5px

heading20px · 700 · 28px

heading16px · 600 · 24px

h215px · 600 · 20.625px

button15px · 600 · 22.5px

caption12px · 600 · 16px

body12.75px · 500 · 19.125px

h218px · 700 · 24.75px

body14px · 400 · 20px

caption12px · 600 · 16px

body13px · 500 · 19.5px

h212px · 600 · 16px

Typography · Anton

display316.8px · 400 · 253.44px

heading38px · 400 · 38px

h296px · 400 · 86.08px

heading36px · 400 · 36px

heading34px · 400 · 34px

display46.08px · 400 · 43.3984px

h1129.6px · 400 · 114.808px

h372px · 400 · 65.56px

display72px · 400 · 108px

display66.24px · 400 · 56.9664px

display43.2px · 400 · 43.2px

display64px · 400 · 64px

h1115.2px · 400 · 102.496px

body22px · 400 · 22px

heading36px · 400 · 40px

Spacing

4px

12px

8px

16px

24px

56px

32px

20px

Elevation

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.45) 0px 24px 50px -20px

rgba(0, 0, 0, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 18px 40px -32px

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.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

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.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 18px 40px -32px

Components · 7

Remixes of suwada.lk

Latest remixes

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

Remix it