DESIGN PATTERNS
Establishing simple, predictable structures. We lean into the linen texture, earthy tones, and motifs of graduated measurement—eschewing heavy bounding boxes in favor of typographic hierarchy and clean botanical structuring.
Typography: The Structural Skeleton
Heading 1
Variant: h1 | Use: Massive brand statements and hero focal points. Use sparingly.
Heading 2
Variant: h2 | Use: Wide-tracked (letter-spaced), light uppercase headers. Excellent for high-level section splits or brand sub-lines.
Heading 4
Variant: h4 | Use: Standard robust section headers (often paired with an overline or index number).
01. Heading 6
Variant: h6 | Use: Ideal for structural indexing, numbering, or light supportive titling.
Variant: overline | Use: Micro-labels, figure citations, and structural "matting" for sections.
Body 1: This is your standard paragraph text. It has been scaled with a strong line height (1.8) to maximize legibility and breathability across the clean layouts. It handles the core storytelling.
Variant: body1 | Use: Primary paragraphs and descriptions.
Motif Alpha: Indexed Structuring
01. Structural Integrity
Replacing Bound Regions with Open Flow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
02. The Earthy Medium
Grounding the Software
We are a software and engineering company, but our medium is the earth. It is rough, dirty, muddy, and beautiful. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
Motif Beta: The Measured Block
Graduated scales and tick marks reference engineering precision without feeling campy. Use this to highlight core philosophies, callouts, or critical metrics without throwing them into a "card".
Motif Gamma: Botanical Specifications
Inspired by 19th and early 20th-century botanical layouts. High contrast, clean alignments, and subtle hairline dividers organize technical information elegantly.
Family / Domain
Geospatial Modeling & Physics Simulation
Structural Foundation
IGSHPA / CSA C448 Standards
Medium
Sub-surface thermal conductivity, rock, mud, and water.
Distribution Method
Cloud-native, API-first architecture.
Taxonomic Notes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vel turpis nunc eget lorem dolor sed viverra ipsum. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper.
Motif Delta & Epsilon: Lists and Lab Notes
A custom unordered list using our geometric Verdant logo. This creates a clean, distinctive rhythm for bulleted features without relying on generic dots.
Integer nec odio. Praesent libero. Sed cursus ante adipiscing diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet sit amet.
Duis sagittis ipsum. Praesent mauris consectetur velit et libero.
Embellishments that emphasize our "Labworks" identity. These bring an experimental, human touch to offset the clean rigidity of the engineering layouts.
Motif Zeta: Editorial Plating & Treated Imagery
Full-bleed glossy photos disrupt our tactile, archival feel. Instead, treat photography like a technical "Plate" in a botanical or engineering journal. We heavily mute it and use blend-modes (multiply) to fuse the ink naturally onto the linen background.
Sample earth strata. Notice how the image integrates directly into the page via structural matting and CSS blending.