indexvid.sof
📁Archivos
mi-proyecto/
indexvid.sof
inicio.sof
landing.sof
dashboard.sof
login.sof
calculadora.sof
portafolio.sof
tarjeta.sof
navbar.sof
indexvid.sof
1
// IndexVid v7.0 — escrito en ShoF
2
// by FractAI MAKE
3
4
pantalla "IndexVid"
5
  fondo #0a0a0f
6
  ancho 1300
7
  alto 700
8
9
  // ─── Sidebar ───
10
  caja "sidebar"
11
    posicion 0 0
12
    tamaño 220 700
13
    fondo #0d0d14
14
    borde 1 #1e1e2e
15
16
    titulo "IndexVid"
17
      posicion 24 20
18
      color #6366f1
19
      tamaño-texto 22
20
      peso bold
21
22
    texto "TP Resurrection · Analytics"
23
      posicion 24 55
24
      color #555
25
      tamaño-texto 10
26
27
    boton "📊  Evolución"
28
      posicion 16 100
29
      tamaño 188 36
30
      fondo #6366f122
31
      color #a5b4fc
32
      redondeo 8
33
      tamaño-texto 13
34
35
    boton "🔬  Browser"
36
      posicion 16 142
37
      tamaño 188 36
38
      fondo transparent
39
      color #666
40
      redondeo 8
41
      tamaño-texto 13
42
43
    boton "📈  Tendencias"
44
      posicion 16 184
45
      tamaño 188 36
46
      fondo transparent
47
      color #666
48
      redondeo 8
49
      tamaño-texto 13
50
51
    boton "💰  Ingresos"
52
      posicion 16 226
53
      tamaño 188 36
54
      fondo transparent
55
      color #666
56
      redondeo 8
57
      tamaño-texto 13
58
59
  // ─── Área principal ───
60
  caja "main"
61
    posicion 220 0
62
    tamaño 1080 700
63
    fondo #0a0a0f
64
65
    titulo "Panel de Evolución"
66
      posicion 32 20
67
      color #e2e2e8
68
      tamaño-texto 20
69
      peso semi
70
71
    texto "Últimos 365 días · TP Resurrection"
72
      posicion 32 52
73
      color #555
74
      tamaño-texto 11
75
76
    // ─── Metric Cards ───
77
    caja "cards"
78
      posicion 32 90
79
      tamaño 1010 90
80
      fondo #101018
81
      redondeo 14
82
      borde 1 #1e1e2e
83
84
      texto "Vistas"
85
        posicion 18 10
86
        color #888
87
        tamaño-texto 11
88
89
      titulo "1.4M"
90
        posicion 18 28
91
        color #e2e2e8
92
        tamaño-texto 26
93
        peso bold
94
95
      texto "▲ +12.3%"
96
        posicion 18 60
97
        color #4ade80
98
        tamaño-texto 11
99
100
      texto "Tiempo visto (h)"
101
        posicion 258 10
102
        color #888
103
        tamaño-texto 11
104
105
      titulo "87.2k"
106
        posicion 258 28
107
        color #e2e2e8
108
        tamaño-texto 26
109
        peso bold
110
111
      texto "▲ +8.7%"
112
        posicion 258 60
113
        color #4ade80
114
        tamaño-texto 11
115
116
      texto "Suscriptores"
117
        posicion 498 10
118
        color #888
119
        tamaño-texto 11
120
121
      titulo "+3,400"
122
        posicion 498 28
123
        color #e2e2e8
124
        tamaño-texto 26
125
        peso bold
126
127
      texto "▲ +5.1%"
128
        posicion 498 60
129
        color #4ade80
130
        tamaño-texto 11
131
132
      texto "Ingresos"
133
        posicion 738 10
134
        color #888
135
        tamaño-texto 11
136
137
      titulo "$16.374.511"
138
        posicion 738 28
139
        color #e2e2e8
140
        tamaño-texto 26
141
        peso bold
142
143
      texto "▲ +15.2%"
144
        posicion 738 60
145
        color #4ade80
146
        tamaño-texto 11
147
148
    // ─── Chart ───
149
    caja "chart"
150
      posicion 32 200
151
      tamaño 1010 320
152
      fondo #101018
153
      redondeo 14
154
      borde 1 #1e1e2e
155
156
      texto "Vistas · Últimos 365 días"
157
        posicion 24 16
158
        color #999
159
        tamaño-texto 13
160
        peso semi
161
162
      // Barras de la gráfica
163
      caja "bar_ene"
164
        posicion 50 200
165
        tamaño 30 100
166
        fondo #6366f133
167
        redondeo 4
168
169
      caja "bar_feb"
170
        posicion 100 170
171
        tamaño 30 130
172
        fondo #6366f144
173
        redondeo 4
174
175
      caja "bar_mar"
176
        posicion 150 140
177
        tamaño 30 160
178
        fondo #6366f155
179
        redondeo 4
180
181
      caja "bar_abr"
182
        posicion 200 110
183
        tamaño 30 190
184
        fondo #6366f166
185
        redondeo 4
186
187
      caja "bar_may"
188
        posicion 250 90
189
        tamaño 30 210
190
        fondo #6366f177
191
        redondeo 4
192
193
      caja "bar_jun"
194
        posicion 300 130
195
        tamaño 30 170
196
        fondo #6366f166
197
        redondeo 4
198
199
      caja "bar_jul"
200
        posicion 350 80
201
        tamaño 30 220
202
        fondo #6366f188
203
        redondeo 4
204
205
      caja "bar_ago"
206
        posicion 400 60
207
        tamaño 30 240
208
        fondo #6366f1aa
209
        redondeo 4
210
211
      caja "bar_sep"
212
        posicion 450 100
213
        tamaño 30 200
214
        fondo #6366f177
215
        redondeo 4
216
217
      caja "bar_oct"
218
        posicion 500 70
219
        tamaño 30 230
220
        fondo #6366f199
221
        redondeo 4
222
223
      caja "bar_nov"
224
        posicion 550 50
225
        tamaño 30 250
226
        fondo #6366f1bb
227
        redondeo 4
228
229
      caja "bar_dic"
230
        posicion 600 40
231
        tamaño 30 260
232
        fondo #6366f1
233
        redondeo 4
234
235
      // Labels de meses
236
      texto "Ene"
237
        posicion 50 305
238
        color #444
239
        tamaño-texto 9
240
241
      texto "Mar"
242
        posicion 150 305
243
        color #444
244
        tamaño-texto 9
245
246
      texto "May"
247
        posicion 250 305
248
        color #444
249
        tamaño-texto 9
250
251
      texto "Jul"
252
        posicion 350 305
253
        color #444
254
        tamaño-texto 9
255
256
      texto "Sep"
257
        posicion 450 305
258
        color #444
259
        tamaño-texto 9
260
261
      texto "Nov"
262
        posicion 550 305
263
        color #444
264
        tamaño-texto 9
265
266
  texto "IndexVid v7.0 — escrito en ShoF (.sof) por FractAI MAKE"
267
    posicion 252 665
268
    color #2a2a4a
269
    tamaño-texto 10
270
270 líneasShoF● OK
indexvid — Preview
F
_
F
FractAI