Curio

Component Library

Curiosity as methodology

Download Brand Kit

Logos & Marks

Primary Logo
Primary Logo primary-logo Download
Mark
Mark submark Download
Full Lockup
Full Lockup wordmark Download
Favicon
Favicon favicon Download

Color Palette

Background, Gradient start, Home page top

Ice Blue #F0FAFB 240,250,251

Primary, Gradient mid, Home page

Sage Teal #88B5B2 136,181,178

Primary, Gradient end, Home page

Dusty Teal #7FA1A0 127,161,160

Gradient start, About page, Warm backgrounds

Peach Cream #FCE9E3 252,233,227

Gradient mid, About page, Warm accent

Dusty Coral #F0BFB0 240,191,176

Transition tone, About page mid-gradient

Warm Taupe #C6C3BC 198,195,188

Gradient start, Advisory page, Soft green background

Pale Sage #DAEADD 218,234,221

Gradient end, Advisory page, Deeper green

Deep Sage #94BB9C 148,187,156

Soft neutral, Footer background, Content blocks

Cream Wash #EFF1EE 239,241,238

Gradient start, Wyzer page, Light blue wash

Soft Blue #E7F1F3 231,241,243

Gradient mid, Wyzer page, Cool secondary

Pale Blue Grey #C5DEE3 197,222,227

Typography

Headlines Amagro
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()_+-=

Warm editorial serif for all display type and section headlines. Carries the cabinet-of-curiosities spirit without tipping into nostalgia. Use Bold for headlines, Regular for subheadings. For short labels (e.g. 'WHERE THE CONVERSATION HAPPENS'), use tracked-out small caps with letter-spacing +50-100.

Body Text Plus Jakarta Sans
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()_+-=

Friendly geometric sans for all body copy, UI, buttons, captions, and microcopy. Pairs cleanly with Amagro's editorial warmth and reads well at small sizes. Weights: 400 (body), 500 (emphasis), 600 (UI/buttons), 700 (strong emphasis). Use generous leading (1.5-1.7 line-height) — the brand reads as breathable, not dense.

Type Pairing Rules Amagro for headlines only, Plus Jakarta Sans for everything else
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()_+-=

never mix within the same word or line. Body copy is typically centered under centered headlines; keep measures narrow (roughly 55-65 characters per line). Avoid more than three type sizes in a single layout: one for display, one for subhead or eyebrow, one for body. Section labels in Amagro can be small and tracked-out (all caps, +50-100 letter-spacing) as eyebrow text above a headline.

Buttons

Primary

Secondary

Outline

Ghost

Cards

Default

Card Title
Sample card content.

Accent

Card Title
Sample card content.

Outlined

Card Title
Sample card content.

Alerts

Information

Information

This is an informational message.

Success

Success

The operation completed successfully.

Warning

Warning

Please review before proceeding.

Error

Error

Something went wrong. Please try again.

Tags & Badges

Secondary

Secondary

Accent

Accent

Muted

Muted