Project Details

Evidence File
Landing Page

A cork board case file that pins a polaroid, sticky notes, a map and a performance scale into one page you can scan in seconds.

Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦
Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦
Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦
Evidence File main image
Mobile cork board with the polaroid and each note stacked: associated with, activities, witness statement, map, scale.

Overview

Evidence File, Landing Page

Case file #DT-090 pinned to a cork board. A polaroid signed "David Toro.", a note marking him as associated with Webflow Experts, certified 16/07/2023, and a list of activities: Webflow and Shopify, GA4 and GTM tracking, technical SEO, AI automation. A witness statement says he turns raw data into predictable revenue. A performance scale lands on 5.

The cork board is a cover background with an inset box-shadow and a thick outline for the frame. Polaroids, notes and the map are tilted layers with rotate() between 1 and 3 degrees, set in Courier Prime. A separate 390 px layout keeps the pinned items readable on a phone.

Tags: Corkboard Collage, Typewriter Type, Paper Notes, Mobile-First Layout, HTML & CSS.

Stack: pen.dev, HTML, CSS, Google Fonts.

View live ↗

Contact Us

Let’s Create Together

Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦
Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦
Branding
✦
Web Design
✦
Product Design
✦
Motion & 3D
✦
Creative Direction
✦
Visual Systems
✦