illoca-com

Tactile architectural drafting aesthetic. Graph paper textures, technical coordinates, and blueprint blue risograph artwork evoke physical studio craft within an AI workspace.

nostalgic

Visit site

Colour

Background#eadfc9

Text#373737

Accent#283f7d

Surface#fdf8f0

Muted#9a9393

Typefaces

Display: Graphik Web
Body: Graphik Web
Mono: Geist Mono
Source: google
Scale: 11 · 12 · 13 · 15 · 16 · 18

Layout

Grid: —
Container: —
Spacing base: 6px
Radius: 0px · 4px

Capture

Category: ai
Sections: 1
Captured: 2026-08-31
Rhythm: cream

Type rules

display type set in sentence case with 0.9 line-height
body text constrained to 65 characters per line at 15px
eyebrows and coordinates rendered in uppercase monospaced type

Colour rules

warm kraft/graph paper (#eadfc9) serves as the persistent global background
blueprint cobalt (#283f7d) reserved for dominant visual assets and primary buttons

Voice rules

use architectural drafting terminology
frame AI as a collaborative partner

Holds it together

render hero illustrations in monochromatic blueprint blue against kraft surfaces
pair clean grotesk headlines with simulated handwritten drafting annotations
enclose secondary UI and notifications in thin, precise 1px borders

Contrast

text on background9.0:1 AAA

muted text on background2.3:1 fail

text on surface11.3:1 AAA

accent on background7.6:1 AAA

background on accent7.6:1 AAA

Type, measured

Body: 15px / 1.1
Measure: 65 characters
Display: 111px / 0.9
Tracking: 0em display
Scale ratio: 1.65

Voice

Tone: reflective, precise
Sentences: medium
Person: second
Vocabulary: technical
Calls to action: try, watch, sign up, contact

Built with

Builder: —
Framework: —
Motion: lenis
WebGL: yes
Nav: top_bar, 10 items
Length: 1 screens

Sections in page order

00
hero
Tactile architectural drafting workspace blending warm graph paper textures, handwritten annotations, and a bold blue risograph-style workspace illustration.
Mood
nostalgic + contemplative
Layout
1 col · stacked · balanced
Open section →