Divy Roll Form Design System

Simple, warm, editorial foundations for the website.

This page collects the core visual language using the two loaded fonts: Cormorant for expressive headlines and Instrument Sans for clear everyday interface text.

Display font Cormorant
Body font Instrument Sans
Design direction Elegant + practical
Foundations

Core tokens

Use these variables and scale decisions as the baseline for new pages so the brand stays visually consistent.

Typography

Font roles

Headlines Cormorant, 600
Body copy Instrument Sans, 400
Buttons and labels Instrument Sans, 600
Spacing

Comfortable rhythm

Section gap 24px
Card padding 22px to 28px
Container width 1180px max
Color

Earthy neutral palette

A soft base keeps the site calm while the accent brings focus to interactive moments and highlighted information.

Page Background #F4EFE7
Surface #FFFAF2
Primary Ink #1D1A17
Accent #8C4B2F
Typography

Two fonts, clear hierarchy

Cormorant adds personality up top, while Instrument Sans keeps paragraph text and interface labels clean and readable.

Display

Cormorant

Precision in profile, warmth in tone.

Recommended for hero headings, section titles, short quotes, and premium brand moments.

Body

Instrument Sans

Designed for clarity across paragraphs, metadata, navigation, and action elements. It balances modern readability with a slightly human touch.

Recommended for paragraphs, navigation, forms, buttons, chips, and general interface content.

Components

Basic interface building blocks

These simple patterns are enough to start assembling landing pages, inner pages, and contact sections with a consistent feel.

Tags

Chips

Industrial Clean Layout Editorial Accent
Forms

Field styles

Card

Content block

Use this card style for highlights, service summaries, product groupings, and compact story modules throughout the site.

Guidelines

Practical usage notes

Keeping these simple guardrails in mind will help new pages stay aligned without feeling too rigid or templated.

Do
  • Use Cormorant for short, high-impact headings.
  • Keep body text in Instrument Sans for readability.
  • Mix soft backgrounds with strong ink contrast.
Avoid
  • Using the display font for long body paragraphs.
  • Adding too many accent colors outside the main palette.
  • Overcrowding sections with tight spacing.