# E-Ink Reader Interface

A minimalist, achromatic UI/UX style for e-ink displays, featuring sharp edges, high contrast, and instant state changes.

| | |
|---|---|
| Style | E-Ink Reader Interface |
| Category | UI/UX |
| Tags | e-ink, minimalist, achromatic, high contrast, flat design, serif typography, reader interface, sharp edges, calm, clean |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #e9e7e2 #111111 #5a5854 #9c9a95 #c8c6c1 |
| Published | 2026-09-06 |
| Canonical URL | https://styleref.io/share/fr6dkn90-7ffa560ffb18 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

E-Ink Reader Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Mobile; Canvas Behavior: Strict frame (nothing escapes).
 • Container / Boundary: Container: Explicit (shape mask); Container shape: Card; Sharp Corners; Container Dominance: Visual element; Edge Behavior: Content fully contained.
 • Mood & Personality: Minimalist, Clean, Calm, Serious; Energy: Dormant; Emotional bias: Neutral.
 • Colors: Palette: Solid Colors: [ #E9E7E2 55% (Background),  #111111 20% (Typography and selected fills),  #5A5854 10% (Borders and dark secondary UI),  #9C9A95 8% (Secondary fills),  #C8C6C1 7% (Tertiary fills)]; 3–5 colors; Neutral temperature; Saturation: Achromatic; High contrast; No gradients; Color dominance: Background-dominant; Black/White point: Pure black + Rolled-off highlights; Accessibility: AAA.
 • Typography: Serif; Regular, Medium, Bold; Text case: Sentence case; Font pairing: Serif + Sans; Hierarchy: Clear typographic scale; Type scale: Modular; Relaxed (1.6); Letter spacing: Normal; Text presence: Required.
 • Light & Shadow: Shadow type: None; Lighting presence: None (flat).
 • Spatial Structure & Hierarchy: Flat perspective; Hierarchy: Moderate; Symmetry: Near symmetry; Layout axis: Vertical; Grid system: Manuscript grid; Visual density: Comfortable.
 • Surface, Material & Detail: Surface treatment: Flat; Texture: Smooth; Texture usage: None; Imperfection level: Flawless.
 • Shape Language: Geometric; Primitive dominance: Rectangles; Edge sharpness: Razor-sharp; Negative space usage: Balanced; Angle usage: None.
 • Line & Stroke System: Structural outlines; Solid 1px; Uniform consistency; Stroke Color: Neutral.
 • UI & Web: Color theme: Light; Background tone: Mid gray; Accent strategy: No accent color; selection uses black-on-grey inversion; Semantic colors: None; Layout archetype: Reader with persistent bottom controls; Content width: Centered reading column; Density: Comfortable; Spacing scale: Strict vertical rhythm; Surface layers: Flat (one background); Elevation: Flat — no elevation; Shadow technique: No shadows; Borders: Visible solid border; Corner radius scale: Sharp (0px); Card style: Bordered; Button shape: Sharp rectangle; Button hierarchy: Primary + Secondary; Icon style: Outline / Stroke; Icon weight: Medium (2px); Navigation: Bottom tab bar; Nav style: Static solid; Hover: None; Focus ring: Inset border; Animation: None (instant); Transition speed: Instant; Scroll behavior: Static.
 • Guardrails: Avoid: Heavy Bokeh / Blur, Lens Flare, Film Grain / Noise, HDR over-processing, Over-saturation, Studio Post-processing, Stylistic filters; Avoid Visuals: color accents; gradients; shadows; hover effects; animated transitions; thin typography; reflowing layouts; Allowed Visuals: achromatic fills; full inversion; solid 1px borders; hard-edged rectangles; outline icons; static bottom controls.
 •  Type Roles: Generous serif reading text; grotesque sans-serif controls; hierarchy limited to size and weight., Reading Structure: Wide reading measure, strict vertical rhythm, and a persistent bottom control row., State Signalling: Communicate state through fill inversion, icon, and label; never color, hover, or elevation., Interaction Stability: No reflow on interaction; preserve fixed layout to minimize expensive screen repaints..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/fr6dkn90-7ffa560ffb18?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/fr6dkn90-7ffa560ffb18/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/fr6dkn90-7ffa560ffb18
styleref://gallery/fr6dkn90-7ffa560ffb18/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/fr6dkn90-7ffa560ffb18