Refto
Departure Mono

Departure Mono

Departure Mono is a monospaced pixel font by Helena Zhang, licensed under the SIL OFL.

InteractiveFunTypographicDesignBlack WhiteFontUnusual LayoutDarkSingle Page
3.0
8
Visits
Visit

Categories

DesignFont

Available Pages

Home

Version History

Design Analysis

Departure Mono Home design analysis

Retro Terminal Artifact treats the page like a designed dossier instead of a conventional product site. Pixel mono type, faded industrial neutrals, and printed-paper fragments create the sense of a found technical object...

Key Takeaways

  • Primary ( 444444): Main text and structural ink.
  • Secondary ( C0C0C0): Support lines, dividers, and quiet specimen layering.
  • Tertiary ( FFA133): Rare utility highlight or status spark.
  • Keep all visible type mono and pixel-driven.
  • Use giant type blocks as composition, not just as labels.
  • Let small body copy feel like specimen notation rather than polished editorial text.

Overview

Retro Terminal Artifact treats the page like a designed dossier instead of a conventional product site. Pixel mono type, faded industrial neutrals, and printed-paper fragments create the sense of a found technical object.

Image Direction

Prefer scan-like artifacts, hard-edged inserts, and diagrammatic fragments over polished photography. The imagery should feel assembled from print leftovers and research notes.

Colors

  • Primary ( 444444): Main text and structural ink.
  • Secondary ( C0C0C0): Support lines, dividers, and quiet specimen layering.
  • Tertiary ( FFA133): Rare utility highlight or status spark.

Typography

  • Keep all visible type mono and pixel-driven.
  • Use giant type blocks as composition, not just as labels.
  • Let small body copy feel like specimen notation rather than polished editorial text.

Design.md

System Overview

Core identity and authoring metadata from the refto.one design model.

Retro Terminal Artifact

A monochrome specimen system built from pixel type, paper artifacts, and lo-fi research graphics.

Lo-fi, archival, and technically playful.

Primary mode: lightdigital artifact showcasecontent-rich

Theme

Fields outside the primary renderer remain visible here as structured fallback content.

Visual atmosphere
Summary
Lo-fi, archival, and technically playful.
Density
5
Variance
4
Motion
2
Signals
pixel typography · paper insert collage · qr-like noise fields · muted technical neutrals

Colors

Primitive palettes and resolved token colors for the active preview mode.

Palette colors
Enamel
#EEEEEE
Dark Graphite
#444444
Ash Line
#8E8E8E
Mud Olive
#8A8A6F
Signal Amber
#FFA133
Usage rules
Stay inside a faded technical palette.
Use amber rarely as a terminal-light cue.
Let texture come from layout and illustration before introducing more color.

Token Spacing

Spacing scales rendered as tokens with a simple length specimen.

section_gap
72px
card_padding
24px

Token Radii

Corner radii tokens with a live surface sample.

control
0px
card
0px

Typography Families

Font families from the current design YAML, including fallback stacks and usage character.

Display
Departure Mono
pixel mono display
Body
Departure Mono
artifact body copy

Typography Scale

Top-level typography scale rendered as live text specimens.

Display
5.5rem/—
Display
H2
2.75rem/—
H2
Body
0.6875rem/—
Body
Label
1rem/—
Label

Typography Rules

Fields outside the primary renderer remain visible here as structured fallback content.

Rules
Keep all typography mono. · Use large blocks of pixel type as composition, not just labeling.

Motion

Motion tokens rendered as resolved values for timing and personality.

Duration
120ms-180ms
Easing
steps(2, end)

Motion

Resolved motion token values.

PropertyValue
duration120ms-180ms
easingsteps(2, end)

Layout Principles

Compose the page like a dossier rather than a landing page.
Use collage overlaps, hard edges, and strong negative space gaps.
Let specimen content spill across the field in large rectangular fragments.

Component Preview

Low-complexity component tokens rendered as design-system specimens.

Links default
Base Attributes
Background
transparent
Text
#444444
Border
0px solid transparent
Radius
0px
Padding
0px
Shadow
none
Typography
label
Cards specimen
Feature Card
Component preview content
Base Attributes
Background
#EEEEEE
Text
#444444
Border
1px solid #C0C0C0
Radius
{tokens.radii.card}->0px
Padding
{tokens.spacing.card_padding}->24px
Shadow
none
Cards insert
Feature Card
Component preview content
Base Attributes
Background
#E3D5C1
Text
#444444
Border
1px solid #8E8E8E
Radius
{tokens.radii.card}->0px
Padding
20px
Shadow
none
Navigation utility
OverviewFeaturesDocs
Base Attributes
Background
transparent
Text
#444444
Height
auto
Active text
#444444
Item padding
0px
Item radius
0px

Image direction

Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.

Role
supportive
Media types
  • -
    paper artifact
  • -
    pixel diagram
Subject patterns
  • -
    memo sheets
  • -
    qr or halftone inserts
  • -
    technical line overlays
Composition logic
  • -
    Use rectangular fragments that feel scanned or printed.
  • -
    Allow large empty zones around one dominant artifact.
Treatment rules
  • -
    Preserve hard edges and visible texture.
  • -
    Keep imagery flatter than modern photo-real UI.
Generation cues
  • -
    Describe a pixel-mono specimen board with archival paper fragments.
  • -
    Use grayscale neutrals and one faded amber cue.
Avoid
  • -
    No glossy 3D render style.
  • -
    No high-saturation poster gradients.

Anti Patterns

Compact list of patterns the design system explicitly avoids.

  • -
    No smooth glossy surfaces.
  • -
    No rounded modern SaaS controls.
  • -
    No bright chroma or corporate polish.