altrove / design system 01

Warm ground.
Signal red.

A small, strict system for a literary instrument. The interface stays quiet so the story can be loud. Red is a signal, not a wallpaper; wine carries memory and depth.

Two themesOne accent familyAA contrast floor

01 / Palette

Red has a job.

Use the darkest accessible red for text, the brand red for ceremony, and wine for weight. Never place raw signal red on a light surface as body copy.

Signal red#ED1C23

--red

Brand mark, large display, focus moments. Not body text on light.

Action red#C9151B / #D91A21

--action

Filled actions. Light and dark variants. White labels pass AA.

Wine#7A1F2B

--wine

Secondary identity, editorial surfaces, phone chrome.

Rose#FF5A5F

--rose

Small text and icons on dark. 6.5:1 on canvas.

02 / Surfaces

A warm neutral, never a cold gray.

Light mode is paper and bone; dark mode is ink and oxblood. Both keep a red undertone so the accent belongs to the room.

Light · Paper

Canvas#F3EEE8

Surface#FBF7F2

Ink#191416

Muted#706366

Line#DED3CA

Dark · Ink

Canvas#0B090A

Surface#131012

Ink#F6F0EB

Muted#A08F95

Line#2D2529

03 / Type

Editorial display.
Industrial interface.

Fraunces · display / narrative

Somewhere
else.

E se fosse altrove?

A serif with soft, literal warmth. Used for title, scene prose, endings and the Italian tagline. Never for controls.

Geist · UI / data

Story graph

SCENE 03 · 22:14 · PLATFORM 3

A compact grotesk for editor chrome, labels, timestamps and dense state. Its restraint protects the serif.

04 / Contrast

No pretty lies.

Measured WCAG 2.1 ratios. The brand red is allowed to be a brand mark; it is not allowed to become unreadable small text.

PairRatioRule

#ED1C23 on #FFFFFF4.38:1Large text / decorative only

#C9151B on #F3EEE85.05:1AA normal text

#7A1F2B on #F3EEE88.84:1AAA normal text

#FF5A5F on #0B090A6.5:1AA normal text

#D91A21 + #FFFFFF5.10:1AA button label

#F6F0EB on #0B090A17.8:1AAA

05 / Components

Quiet, with one red decision.

Actions

LiveDraft

Field

Story title

The title can be changed until the first beta link is sent.

Card / surface

SCENE 01 / POV RENATA

Rain clung to the windowpane.

21:30Jakarta

06 / Rules

01 Red earns attention. One primary action per view.

02 Wine is for memory, selection and depth; never a second primary.

03 Surfaces are warm. Do not introduce blue-gray.

04 Dark mode raises the red for text; it never floods the room.

05 Motion is slow and small. Respect reduced motion.