🟩T1 - Document Builder 

Write like Notepad.
Share like a page 

Ctrl+Click: Edit Image URL · Alt+Click: Lock

Write freely, like using a simple document editor.
Focus on your content, not on layout or technology.
When you're done, your document is already ready to share.

Start Writing Free : Top Yellow Button or stelafox.com

🟨 T2 – Web Page Builder

A document that works as a webpage.
Ready to publish. 

Ctrl+Click: Edit Image URL · Alt+Click: Lock

Create a page the same way you write a document.
Add buttons, structure, and links without touching code.
Perfect for pages that are meant to be published on the web.

Build a Page : Top Violet Button or stelafox.com

🟥 T3 – Pro Mode

Full control. Real structure.
This is where pages become systems.

Ctrl+Click: Edit Image URL · Alt+Click: Lock

Take full control of structure, layout, and behavior.
View and edit the real page structure behind your content.
Built for creators who want precision, not shortcuts.

Enter Pro Mode : Top Black Button or stelafox.com

☑️ Section 1 — Where BUIL is used

BUIL is used wherever text needs to explain more than words.

It is designed for pages that must:

• be read carefully

• be evaluated fairly

• and remain stable over time

Typical use cases include:

• documentation and reports

• product and commerce pages

• contest submissions

• explanatory landing pages

BUIL replaces traditional word processors
when images, structure, and spatial media
must work together on one page.

---

☑️ Section 2 — How to use BUIL

Using BUIL is simple.

1. Write your content as a document

2. Insert images or spatial media where explanation is needed

3. Arrange blocks to guide the reader

4. (Optional) Edit structure directly in code

There is no build pipeline.
There is no export step.

What you see in BUIL
is what the reader sees.

---

☑️ Section 3 — Why BUIL matters

BUIL creates value in two ways.

Commercial value

For products and services, BUIL:

• reduces explanation cost

• increases visual trust

• allows inspection before purchase

Pages built with BUIL
do not rely on persuasion,
but on clarity.

---

✅ Cognitive value

For readers, BUIL:

• lowers cognitive load

• separates explanation from interaction

• allows focused inspection without distraction

This makes content:

• easier to understand

• easier to compare

• easier to evaluate

---

✅ Final note

BUIL is not a design tool.
It is not an engine controller.

It is a construction surface
for content that must be understood,
not merely displayed.

 

☑️ BUIL T3 — Keyboard & Mouse Shortcut Table

Important
BUIL T3 is a shortcut-driven builder.
Without these shortcuts, editing will not work.

---

Core Editing Shortcuts (CRITICAL)

Shortcut	Action	What It Does	When to Use
Ctrl + Click	Edit URL / Source	Opens URL input for iframe, image, or video box	Connecting or changing content
Alt + Click	Lock / Unlock Box	Toggles box lock (prevents move & resize)	After positioning is finalized
Normal Click	View Mode	Does nothing (viewer-safe behavior)	Default page interaction

---

Box Interaction Shortcuts

Shortcut	Target	Result	Notes
Ctrl + Click	iFrame Box	Set / Edit iframe URL	Required for all iframe content
Ctrl + Click	Image Box	Set / Edit image URL	Aspect ratio preserved
Ctrl + Click	Video Box	Set / Edit video URL	Minimum size enforced
Alt + Click	Any Box	Toggle Lock	Highly recommended after placement

---

Moving & Resizing

Action	How	Description
Resize Box	Drag edges or corners	Disabled when box is locked
Move Box	Drag top move handle	Content area cannot be dragged
Prevent Accidental Move	Alt + Click	Lock the box

Rule:
If it looks right → lock it.

---

Mode & Editing Control

Shortcut / Action	Effect
EDITOR Mode	Visual editing, block tools enabled
CODE Mode	Direct HTML editing
Apply Code → Editor	Reflect code changes in visual view
Finalize Preview	Hide guides and outlines

---

Document Tools (EDITOR Mode Only)

Tool	How It Works	Purpose
TOC (Table of Contents)	Auto-scans headings	Navigation & structure
Outline	Shows block boundaries	Safe block selection
Text-wide	Expands selected block to full width	Layout consistency
Finalize Preview	Hides edit visuals	Final look check

---

Focus & Recovery Shortcuts

Situation	What to Do
Clicks don't respond	Hold Ctrl or Alt, then click
URL prompt doesn't appear	Release keys → click background → retry
Box won't move	Check lock state (Alt + Click)
Editing feels "stuck"	Click outside iframe, release keys, retry

---

Shortcut Philosophy (READ THIS)

Key	Meaning
Ctrl	"I want to edit content"
Alt	"I want to lock or protect layout"
No key	"I am just viewing the page"

This separation is intentional.

---

One-Line Memory Aid (Homepage-Friendly)

Ctrl edits. Alt locks. Normal click views.

If you remember only one thing, remember this.

---

Common Beginner Mistake (WARNING)

❌ Clicking without holding Ctrl or Alt
✔ Holding Ctrl / Alt before clicking

BUIL T3 does not guess your intent.
You must declare intent with keys.

---

Professional Tip

• Build → Ctrl + Click
  
  

• Position → Drag handle
  
  

• Finish → Alt + Click
  
  

• Repeat
  
  

This is the fastest and safest workflow.

---

BUIL (Document & Structure OS)

BUIL T1 — Entry Structure Layer

Category	BUIL T1
Price	$1 / 6 months
Purpose	Individual structuring
Document Creation	✅
2.5D Embedding	Limited
Templates	Basic
Export	Local / personal
Commercial Use	❌
Collaboration	❌
Updates	Continuous

Notes
BUIL T1 connects 2.5D with personal documents.
It lowers the barrier to structural thinking.

---

BUIL T2 — Operational Structure Layer

Category	BUIL T2
Price	$15 / month
Purpose	Teams & operations
Document Creation	✅
2.5D Embedding	Full
Templates	Advanced
Export	Structured / reusable
Commercial Use	✅
Collaboration	✅
Version Control	Basic
Updates	Controlled

Notes
BUIL T2 is where 2.5D becomes fixed structure.
This is the bridge between creation and institution.

Built on

GLOS · LCTS · GPT collaboration systems

Designed to disappear —
so you stay visible.

Cinema is not for scale.
It exists to demonstrate limits and possibilities.

---

"Questions?

contact@stelafox.com