Navy
#0f172a
Style Guide
Style Guide Fretrix Template
Enter your Fretrix tracking number for instant live updates—status, location, timeline, and estimated delivery in seconds.
Colors
Navy mid
#1e293b
Navy deep
#060d1a
Navy glass
rgba(15, 23, 42, 0.55)
Gray
rgba(255, 255, 255, 0.54)
Steel
#1e3a5f
Orange
#f97316
Orange dark
#ea580c
Orange light
rgba(249, 115, 22, 0.12)
Orange glow
rgba(249, 115, 22, 0.35)
Gray Highlight
#eef2f7
Muted Surface
#d7dfe9
Rainmaker
#475569
Typography
Heading 1
H1 - 72px / 130% || Bold || Sora
Heading 2
H2 - 52px /130% || Bold || Sora
Heading 3
H3 - 32px /130% || Bold || Sora
Heading 4
H4 - 24px 130% || Medium || Sora
Heading 5
H5 - 22px 130% || Medium || Sora
Heading 6
H6 - 20px 130% || Medium || Sora
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Default Paragraph - 18px /150% || Regular || Inter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Medium Paragraph - 16px /150% || Regular || Inter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Small Paragraph - 14px /150% || Regular || Inter