Fruxinfo®Design SystemV3 / Swiss

Theme.

Two typefaces. One orange. A strict grid. Everything else on this page is content — nothing is decoration.

Tiempos Text carries meaning. Manrope carries function. #E77025 carries attention.

01 — Color

Frux Orange

#E77025

Orange Hover

#FF8C42

Deep Orange

#B4551A

Orange Tint

#FFF6EF

Tint Border

#F5D8C2

Charcoal

#3A3A3A

Gray

#B1B1B1

Light Gray

#F1F1F1

02 — Typography

Rg

Tiempos Text

Serif · Headings + Body · body default

Rg

Manrope

Sans · UI + Labels · .Manrope

03 — Scale
56px

Boost Your Business Online

44px

Boost Your Business Online

36px

Boost Your Business Online

28px

Boost Your Business Online

22px

Boost Your Business Online

18px

Boost Your Business Online

16px

Boost Your Business Online

14px

Boost Your Business Online

04 — Elements

Accent usage

Orange marks what matters — and nothing else.

Ratio

60 neutral · 30 charcoal · 10 orange

Fruxinfo Pvt. Ltd.Grid 12 / Gutter 24 / Margin 20