Style Guide

FIO’s visual language: a restrained palette, editorial typography, generous spacing, and interface details that keep the journey feeling personal.

The visual language of the product, including colors, typography, spacing, and UI patterns. It ensures consistency across all pages and components so the design feels cohesive, clean, and professional.

Style Guide

Main Color

#4A8BB8

#4A8BB8

#4A8BB8

#4A8BB8

#000000

#F2F4F7

#FFFFFF

Typography

Scale category

Weight

Size

Line Height

H1

Regular

96px

120%

H2

Regular

64

120%

H3

Regular

54 px

120%

H4

Regular

96px

120%

H5

Regular

96px

120%

H6

Regular

96px

120%

Large Paragraph

Regular

18px

120%

Paragraph

Regular

16px

120%

Small Paragraph

Regular

16px

120%

Quietly helping brides find the atelier that feels right.

Every bride deserves a different beginning.

Introductions are free

hello@fio.studio

Quietly helping brides find the atelier that feels right.

Every bride deserves a different beginning.

Introductions are free

hello@fio.studio

Quietly helping brides find the atelier that feels right.

Every bride deserves a different beginning.

Introductions are free

hello@fio.studio

Quietly helping brides find the atelier that feels right.

Every bride deserves a different beginning.

Introductions are free

hello@fio.studio