Please wait while we prepare your content.
A comprehensive showcase of the decorative atoms and subtle animations that compose the Field Lab Modernism design system -- crop marks, crosshairs, tape corners, binder clips, lab equipment, specimen labels, and section dividers.
Four-corner L-shaped registration marks used throughout the design system to frame content areas. These marks animate in sequentially -- top-left, top-right, bottom-right, bottom-left -- then fade and repeat.
Small (16px marks)
Medium (24px marks)
Large (40px marks)
Registration marks with animated draw-on effects using strokeDasharray and strokeDashoffset. Horizontal and vertical lines draw first, then the center circle completes.
Simple Crosshair
With Measurement Ticks
Corner Brackets
Semi-transparent adhesive tape strips used to pin cards and content panels. Four rotation variants with a subtle wiggle animation. Shown in single, double, aged, and fresh variants.
Single Tape
Double Tape
Aged Tape
Fresh Tape
Detailed SVG binder clips used to attach cards and panels. Top-mounted and side-mounted variants in standard, mini, and accent-colored styles.
Standard - Top Mount
Mini - Side Mount
Accent Color - Top Mount
Animated lab equipment illustrations -- a beaker with rising liquid, a gauge with a sweeping needle, and an oscilloscope with a continuous sine wave trace.
The labelling and identification system used throughout the design language. Specimen IDs, section labels, status chips, date stamps, version badges, and category tags.
Specimen ID Formats
Section Label Variants
Status Chips
Metadata Elements
Horizontal dividers and separators that create visual rhythm between content sections. Ruler ticks, diamond markers, measurement lines, and dot leaders.
120 ticks, every 10th is tall (h-2), every 5th is medium (h-1.5), rest are short (h-1). Spacing: 3px.
Centered diamond between two extending lines. Used as section terminators.
Dimensioned measurement line with start/end markers and centered label. Used for spacing documentation.
Evenly spaced dots forming a horizontal leader line. Common in table-of-contents and index layouts.