Design Guidelines

Soft-Modern Professionalism. A refined, minimalist aesthetic that balances utility with tactile softness.

Typography

Heading Font: Instrument Serif

The quick brown fox

The quick brown fox

Body Font: Plus Jakarta Sans

The quick brown fox

The quick brown fox

The quick brown fox

The quick brown fox

H1 - 2.5rem

Heading 1

H2 - 2rem

Heading 2

H3 - 1.5rem

Heading 3

Body - 1rem

Regular Body Text

Color Palette

Backgrounds

Primary

#FFFFFF

Secondary

#F1F5F9

Tertiary

#E2E8F0

Foregrounds

Primary

#111827

Secondary

#4B5563

Tertiary

#9CA3AF

Accents & UI

Brand/Dark

#2D2E33

Bottom Bar

#34353A

Shadow Depths

Small (Soft)

box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);

Medium

box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);

Large (Elevated)

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

Buttons

Primary Pill

Secondary Toolbar

Active Toolbar

Icon Ghost

Editor UI

Floating Toolbar

Here are the files you needed @masum 📁 🏀

Type something...

Cards & Previews

Document Title 1

Updated 2h ago

Document Title 2

Updated 2h ago

Document Title 3

Updated 2h ago

Forms & Controls

SL
Sven Lauwers

Messaging & Chat

Can you help me summarize this document and find the key takeaways?

Of course! I've analyzed your document. Here are the 3 main points I found...

Knowledge Base

Context Sources

Research_Paper_v1.pdf

1.2 MB • Added yesterday

Research_Paper_v2.pdf

1.2 MB • Added yesterday

Research_Paper_v3.pdf

1.2 MB • Added yesterday

Auth & Navigation

Auth Tabs

Header Layout

Dashboard/Annual Report 2025

Bottom Action Bar