---
name: Glass Meridian
slug: glass-meridian
ambiance: Architectural · Premium · Light
theme: light-architecture
rupture_axis: structural-motion
tagline: A drag-driven portfolio system for architecture studios.
description: >
  Design system for architecture and design studios. Cool off-white canvas,
  smoked-glass greys, soft gold accent. Editorial serif paired with a clean
  grotesque. Built around one idea: the work is explored by hand. A horizontal
  project rail responds to drag, wheel and swipe with real momentum, snaps
  magnetically to each project, and expands to a full-bleed detail view through
  a FLIP transition. Motion is the interface.

palette:
  bg: "#f4f1ea"          # cool off-white paper
  surface: "#ffffff"     # raised cards / sheets
  ink: "#1c1b18"         # near-black text
  muted: "#6f6a60"       # secondary text
  line: "#d8d2c6"        # hairline borders
  glass: "#9ba3a8"       # smoked-glass grey
  accent: "#b08d57"      # soft luminous gold
  accent-deep: "#8f6f3f" # pressed / hover gold

fonts:
  display: "Fraunces"          # editorial serif, optical sizing
  body: "Archivo"              # clean grotesque, wide range
  mono: "Archivo"              # reused for labels / numerals

agent_rules:
  - "Background is always the cool off-white #f4f1ea — never pure white pages, never dark."
  - "Gold #b08d57 is the ONLY accent. Use it sparingly: active states, the drag cursor, hairline highlights, key numerals. Never fill large areas with it."
  - "Display type is Fraunces with high optical contrast. Body is Archivo. Never use Inter, Space Grotesk, Jakarta or DM Sans."
  - "The project rail is horizontal and drag-driven. Never convert it to a vertical scroll list or an even 3-column grid."
  - "Motion must feel physical: momentum after release, magnetic snap to the nearest project, FLIP expand/collapse. Easing is slow-out, never linear."
  - "Plans and drawings are shown on the off-white paper with bronze linework — keep them on light surfaces, never on dark cards."
  - "Numbers are organic (e.g. 47, +18, 1992) — never rounded marketing figures."
  - "Images live in images/ and are referenced with relative paths."
  - "Respect prefers-reduced-motion: disable inertia and snap, fall back to instant jumps."

components:
  - Magnetic drag rail (wheel / pointer / touch, with momentum + snap)
  - FLIP project expand to full-bleed detail sheet
  - Inertial pan-and-zoom site map
  - Hairline editorial nav with progress meridian
  - Plan / drawing viewer on paper ground
  - Contact sheet with split layout

version: "1.0"
tier: premium
price: 29
---