2026-07-10 18:18:15 +00:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1080"
height="2160"
viewBox="0 0 1080 2160"
version="1.1"
id="svg5"
inkscape:version="1.4.3 (0d15f75, 2025-12-25)"
sodipodi:docname="rojo-chat-panel.svg"
xml:space="preserve"
inkscape:export-filename="rojo-chat-panel.jpg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview7"
pagecolor="#333333"
bordercolor="#404040"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#333333"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.41781005"
2026-07-12 11:05:53 +00:00
inkscape:cx="51.458791"
inkscape:cy="1659.8452"
2026-07-10 18:18:15 +00:00
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs2"><rect
x="180.70413"
y="26.327753"
width="573.227"
height="98.130717"
id="rect16" /><rect
x="100.52415"
y="1801.0577"
width="879.58631"
height="260.8841"
id="rect5" /><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath7940"><rect
style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="rect7942"
width="1440"
height="810"
x="0"
y="0" /></clipPath> </defs> <g
inkscape:label="Content"
inkscape:groupmode="layer"
id="layer1"
style="fill:#ffffff;fill-opacity:1"><rect
style="fill:#000000;stroke-linecap:round;stroke-linejoin:round"
id="rect1"
width="1080"
height="1698.0284"
x="0"
y="0"
ry="3.8862312" /><rect
style="fill:#4a4a4a;fill-opacity:1;stroke-width:1.20124;stroke-linecap:round;stroke-linejoin:round"
id="rect2"
width="1080"
height="154.36333"
x="0"
y="0"
ry="5.6077323" /><rect
style="fill:#6f2525;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect3"
width="1080"
height="461.97156"
x="0"
y="1698.0284"
ry="3.8862312" /><rect
style="fill:#2d181c;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect4"
width="971.27222"
height="336.20959"
x="56.034939"
y="1759.1575"
ry="27.743992" /><text
xml:space="preserve"
id="text5"
style="font-size:40px;line-height:1.4;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, ';writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect5);display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
transform="translate(9.5737285,4.7868643)"><tspan
x="100.52344"
y="1842.3586"
id="tspan1">Type message...</tspan> </text> <g
id="g19"><rect
style="fill:#2c2c2c;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect6"
width="828.63788"
height="246.21414"
x="191.48904"
y="249.33499"
ry="20.376312" /><text
xml:space="preserve"
style="font-size:40px;line-height:1.4;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, ';writing-mode:lr-tb;direction:ltr;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
x="226.37257"
y="331.7128"
id="text6"><tspan
sodipodi:role="line"
id="tspan6"
x="226.37257"
y="331.7128">HELLO! Can you please help me?</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="387.7128"
id="tspan7">I want to know something about the UI!</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="443.7128"
id="tspan8">Could you tell me what is wrong with this?</tspan> </text> </g> <rect
style="fill:#007bea;fill-opacity:1;stroke-width:0.987022;stroke-linecap:round;stroke-linejoin:round"
id="rect8"
width="118.87884"
height="108.66821"
x="20.308945"
y="19.46274"
ry="20.698675" /><rect
style="fill:#007bea;fill-opacity:1;stroke-width:0.987022;stroke-linecap:round;stroke-linejoin:round"
id="rect9"
width="118.87884"
height="108.66821"
x="801.68555"
y="19.46274"
ry="20.698675" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect10"
width="13.584198"
height="1450.1163"
x="1047.6836"
y="190.1792"
ry="7.6411281" /><path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="path11"
inkscape:flatsided="false"
sodipodi:sides="5"
sodipodi:cx="822.17078"
sodipodi:cy="82.247093"
sodipodi:r1="38.291626"
sodipodi:r2="18.95949"
sodipodi:arg1="-1.5707963"
sodipodi:arg2="-0.9424778"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 822.17078,43.955467 11.1441,22.953077 25.2734,3.505787 -18.38596,17.691567 4.47571,25.119772 -22.50725,-12.01909 -22.50726,12.01909 4.47571,-25.119772 -18.38595,-17.691569 25.27339,-3.505785 z"
inkscape:transform-center-y="-3.6565248"
transform="translate(38.215913,-7.1802964)" /><rect
style="fill:#007bea;fill-opacity:1;stroke-width:0.987022;stroke-linecap:round;stroke-linejoin:round"
id="rect11"
width="118.87884"
height="108.66821"
x="938.77094"
y="19.46274"
ry="20.698675" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect12"
width="90.051559"
height="16.20928"
x="953.34583"
y="34.835823"
ry="8.10464" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect13"
width="90.051559"
height="16.20928"
x="953.34583"
y="77.618423"
ry="8.10464" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect14"
width="90.051559"
height="16.20928"
x="953.34583"
y="98.860138"
ry="8.10464" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect15"
width="90.051559"
height="16.20928"
x="953.34583"
y="56.975071"
ry="8.10464" /><text
xml:space="preserve"
id="text15"
style="font-size:40px;line-height:1.4;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, ';writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect16);display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
transform="matrix(1.2619008,0,0,1.2619008,-50.359278,5.1996215)"><tspan
x="180.70508"
y="67.628125"
id="tspan2">Conversation Name</tspan> </text> <rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect17"
width="42.238461"
height="31.201273"
x="25.894936"
y="49.242828"
ry="5.6077323" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect18"
width="54.336914"
height="33.748318"
x="79.170578"
y="47.120293"
ry="5.6077323" /><circle
style="fill:#3d3d3d;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="path18"
cx="43.095547"
cy="68.170013"
r="10.718805" /><circle
style="fill:#3d3d3d;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="circle18"
cx="94.07946"
cy="68.170013"
r="10.718805" /><path
style="fill:#3d3d3d;fill-opacity:1;stroke-width:1.7312;stroke-linecap:round;stroke-linejoin:round"
d="m 33.430521,85.74693 84.146719,2.572171 -0.73491,20.209909 -38.582553,-2.20472 -2.57217,-17.270284 z"
id="path19" /><g
id="g21"
transform="translate(-157.39432,324.94312)"><rect
style="fill:#2c2c2c;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect19"
width="982.74652"
height="587.48138"
x="191.48904"
y="249.33499"
ry="20.376312" /><text
xml:space="preserve"
style="font-size:40px;line-height:1.4;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, ';writing-mode:lr-tb;direction:ltr;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
x="226.37257"
y="331.7128"
id="text21"><tspan
sodipodi:role="line"
id="tspan19"
x="226.37257"
y="331.7128">Sure!</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="387.7128"
id="tspan21" /><tspan
sodipodi:role="line"
x="226.37257"
y="443.7128"
id="tspan22"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2 Bold'">Main Concepts</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="499.7128"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, '"
id="tspan23">- Projects</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="555.71277"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, '"
id="tspan24">- Groups</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="611.71277"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, '"
id="tspan25">- Rojos</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="667.71277"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, '"
id="tspan26">- Editor</tspan> <tspan
sodipodi:role="line"
x="226.37257"
y="723.71277"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Exo 2';-inkscape-font-specification:'Exo 2, '"
id="tspan27">- Panels</tspan> </text> <rect
style="fill:#3d3d3d;fill-opacity:1;stroke-width:1.55888;stroke-linecap:round;stroke-linejoin:round"
id="rect27"
width="113.92631"
height="95.943802"
x="1047.1316"
y="1632.9744"
ry="47.971901" /><rect
style="fill:#3d3d3d;fill-opacity:1;stroke-width:1.55888;stroke-linecap:round;stroke-linejoin:round"
id="rect28"
width="113.92631"
height="95.943802"
x="1047.1316"
y="1482.7865"
ry="47.971901" /><path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="path28"
inkscape:flatsided="false"
sodipodi:sides="3"
sodipodi:cx="1074.7195"
sodipodi:cy="1710.8225"
sodipodi:r1="55.290321"
sodipodi:r2="27.376123"
sodipodi:arg1="-0.72393721"
sodipodi:arg2="0.32326034"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 1116.1432,1674.2015 -15.4655,45.3173 -14.9554,45.4882 -31.5131,-36.0522 -31.9163,-35.6958 46.9787,-9.2651 z"
inkscape:transform-center-x="2.5850365"
inkscape:transform-center-y="-11.66389"
transform="matrix(0.39596491,-0.43947252,0.43947252,0.39596491,-75.206204,1482.3098)" /></g> <rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect29"
width="15.909109"
height="63.936607"
x="936.53625"
y="1822.3434"
ry="7.9545546" /><rect
style="fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect30"
width="15.909109"
height="63.936607"
x="1846.3572"
y="-976.45911"
ry="7.9545546"
transform="rotate(90)" /></g> </svg>
