---
title: "Promptless/Studio"
platform: web
slug: promptless-creative-studio-landing-page-web
screens: ["landing-page"]
domains: []
style: "minimal"
fonts: ["Inter", "Caveat"]
roles: ["button", "card"]
score: {clean: 99, consistent: 66, accessible: 98, comprehensible: 25}
url: https://gui.farm/web/promptless-creative-studio-landing-page-web
raw: https://gui.farm/web/promptless-creative-studio-landing-page-web/design.guix
download: https://gui.farm/web/promptless-creative-studio-landing-page-web.gui
---

# Promptless/Studio

A creative studio landing page for Promptless with services and contact sections.

- **Live preview:** https://gui.farm/web/promptless-creative-studio-landing-page-web
- **Raw source:** https://gui.farm/web/promptless-creative-studio-landing-page-web/design.guix
- **Download (.gui):** https://gui.farm/web/promptless-creative-studio-landing-page-web.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Promptless/Studio">
  <tokens>
    <color name="bg" value="#0A171D" />
    <color name="cream" value="#FFF6E9" />
    <color name="peach" value="#FFBD76" />
    <color name="light" value="#FFF6E9" />
    <color name="card-light" value="#F4E9D2" />
    <color name="ink" value="#0A171D" />
    <color name="dim" value="#FFF6E999" />
    <color name="faint" value="#FFF6E91F" />
    <color name="ink-2" value="#0A171DB3" />
  </tokens>
  <fonts>
    <font family="Inter" source="google" weights="400 500 600 700" styles="normal" />
    <font family="Caveat" source="google" weights="400 600 700" styles="normal" />
  </fonts>

  <col w="1440" fill="$bg">

    <!-- SCROLL PROGRESS BAR (static, top) -->
    <rect w="fill" h="2" fill="$peach" />

    <!-- NAV -->
    <row w="fill" h="72" p="0 64" gap="auto" align="middle-center" border-bottom="1 $faint">
      <row gap="10" align="middle-center">
        <rect w="14" h="14" radius="4" fill="$peach" rotation="-12" />
        <text value="Promptless Studio" font-family="Inter" font-size="18" font-weight="600" color="$cream" letter-spacing="-0.3" />
      </row>
      <row gap="36" align="middle-center">
        <text value="Práce" font-family="Inter" font-size="14" font-weight="500" color="$dim" />
        <text value="Studio" font-family="Inter" font-size="14" font-weight="500" color="$dim" />
        <text value="Služby" font-family="Inter" font-size="14" font-weight="500" color="$dim" />
        <text value="Kontakt" font-family="Inter" font-size="14" font-weight="500" color="$dim" />
        <row role="button" gap="8" p="11 18" radius="999" fill="$peach" align="middle-center">
          <text value="Domluvit hovor" font-family="Inter" font-size="14" font-weight="600" color="$ink" />
          <img src="https://api.iconify.design/solar/arrow-right-linear.svg?color=%230A171D" w="16" h="16" />
        </row>
      </row>
    </row>

    <!-- SECTION 1 · HERO -->
    <col w="fill" h="720" p="0 64" clip>
      <!-- 72px grid overlay @ 4% -->
      <img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/e89646e3-60dc-4207-99fb-2cfa6c89c57b/grid.svg" abs w="1440" h="1080" fit="cover" opacity="0.04" />
      <!-- 520px cursor glow -->
      <ellipse abs w="520" h="520" x="820" y="120" fill="radial-gradient(circle at 50% 50%, #FFBD7612 0%, #FFBD7600 70%)" />
      <!-- floating images (behind text) -->
      <img src="https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&amp;fit=crop&amp;w=600&amp;q=80" abs w="220" h="290" x="1040" y="150" fit="cover" radius="14" rotation="6" opacity="0.92" />
      <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=600&amp;q=80" abs w="200" h="260" x="80" y="380" fit="cover" radius="14" rotation="-7" opacity="0.92" />

      <col w="fill" h="fill" gap="28" align="middle-left" pl="40">
        <row gap="10" align="middle-center" p="6 14" radius="999" border="1 $faint">
          <rect w="7" h="7" radius="999" fill="$peach" />
          <text value="Tvůrčí studio pro éru důvěry" font-family="Inter" font-size="13" font-weight="500" color="$dim" letter-spacing="0.2" />
        </row>
        <col gap="2">
          <text value="Pozornost se dá koupit." font-family="Inter" font-size="78" font-weight="600" color="$cream" letter-spacing="-3" line-height="80" />
          <row gap="22" align="bottom-left">
            <text value="Důvěra se musí" font-family="Inter" font-size="78" font-weight="600" color="$cream" letter-spacing="-3" line-height="80" />
            <col gap="2" align="middle-center">
              <text value="vybudovat." font-family="Inter" font-size="78" font-weight="600" color="$peach" letter-spacing="-3" line-height="80" />
              <img src="https://hmzbyvrxpbsnjjkukjbi.supabase.co/storage/v1/object/public/assets/e89646e3-60dc-4207-99fb-2cfa6c89c57b/underline.svg" w="220" h="20" fit="contain" />
            </col>
          </row>
        </col>
        <text w="560" value="Jsme Machine Creative studio. Stavíme Invisible Funnel, obsah, kterému publikum věří dřív, než mu cokoliv prodáte." font-family="Inter" font-size="19" font-weight="400" color="$dim" line-height="30" />
        <row gap="14" align="middle-center" pt="6">
          <row role="button" gap="9" p="15 26" radius="999" fill="$peach" align="middle-center">
            <text value="Začít projekt" font-family="Inter" font-size="15" font-weight="600" color="$ink" />
            <img src="https://api.iconify.design/solar/arrow-right-linear.svg?color=%230A171D" w="18" h="18" />
          </row>
          <row role="button" gap="9" p="15 26" radius="999" border="1 $faint" align="middle-center">
            <text value="Naše práce" font-family="Inter" font-size="15" font-weight="600" color="$cream" />
          </row>
        </row>
        <text value="scroll ↓" font-family="Caveat" font-size="24" font-weight="600" color="$peach" rotation="-4" pt="10" />
      </col>
    </col>

    <!-- SECTION 2 · MARQUEE STATS -->
    <col w="fill" p="0" fill="$bg">
      <row w="fill" h="120" p="0 64" gap="56" align="middle-center" border-top="1 $faint" border-bottom="1 $faint" rotation="-1" clip>
        <text value="370M+ zhlédnutí" font-family="Inter" font-size="34" font-weight="600" color="$cream" letter-spacing="-1" />
        <rect w="8" h="8" radius="999" fill="$peach" />
        <text value="5 let tvorby" font-family="Inter" font-size="34" font-weight="600" color="$dim" letter-spacing="-1" />
        <rect w="8" h="8" radius="999" fill="$peach" />
        <text value="40+ značek" font-family="Inter" font-size="34" font-weight="600" color="$cream" letter-spacing="-1" />
        <rect w="8" h="8" radius="999" fill="$peach" />
        <text value="12 zemí" font-family="Inter" font-size="34" font-weight="600" color="$dim" letter-spacing="-1" />
        <rect w="8" h="8" radius="999" fill="$peach" />
        <text value="98 % retence" font-family="Inter" font-size="34" font-weight="600" color="$cream" letter-spacing="-1" />
        <rect w="8" h="8" radius="999" fill="$peach" />
        <text value="370M+ zhlédnutí" font-family="Inter" font-size="34" font-weight="600" color="$dim" letter-spacing="-1" />
      </row>
    </col>

    <!-- SECTION 3 · MANIFESTO (scrub, rendered mid-state) -->
    <col w="fill" p="140 220" align="top-center" gap="0">
      <text value="MANIFEST" font-family="Inter" font-size="13" font-weight="600" color="$peach" letter-spacing="3" p="0 0 36" />
      <text w="1000" align="center" font-family="Inter" font-size="46" font-weight="500" line-height="62" letter-spacing="-1"
        value="Svět se přesouvá z ekonomiky pozornosti do ekonomiky důvěry." color="$cream" />
      <text w="1000" align="center" font-family="Inter" font-size="46" font-weight="500" line-height="62" letter-spacing="-1" pt="6"
        value="Reklama přestala fungovat. Lidé věří lidem, ne bannerům." color="$dim" />
      <text w="1000" align="center" font-family="Inter" font-size="46" font-weight="500" line-height="62" letter-spacing="-1" pt="6"
        value="My stavíme tu druhou ekonomiku." color="$peach" />
    </col>

    <!-- SECTION 4 · PROBLEM &amp; SOLUTION (LIGHT) -->
    <col w="fill" p="100 64 120" fill="$light" radius="64 64 0 0" gap="0">
      <grid cols="12" gap="32" w="fill">
        <!-- sticky chapter title (3 col) -->
        <col gc="1/4" gap="16" align="top-left">
          <text value="01 · KAPITOLA" font-family="Inter" font-size="13" font-weight="600" color="$ink-2" letter-spacing="2" />
          <text value="Problém &amp; Řešení" font-family="Inter" font-size="40" font-weight="600" color="$ink" letter-spacing="-1.5" line-height="44" rotation="-1" />
          <text w="240" value="Proč většina značek vyhoří dřív, než si jí někdo všimne, a co s tím děláme." font-family="Inter" font-size="16" color="$ink-2" line-height="24" />
        </col>
        <!-- content (9 col) -->
        <col gc="4/13" gap="20" align="top-left">
          <row w="fill" gap="20">
            <col role="card" w="fill" p="32" gap="14" radius="20" fill="$card-light" rotation="-1" align="top-left">
              <img src="https://api.iconify.design/solar/magnet-linear.svg?color=%230A171D" w="32" h="32" />
              <text value="Problém: vypůjčená pozornost" font-family="Inter" font-size="22" font-weight="600" color="$ink" letter-spacing="-0.5" />
              <text value="Platíte za dosah, který zmizí ve chvíli, kdy přestanete platit. Nic neroste, nic nezůstává." font-family="Inter" font-size="16" color="$ink-2" line-height="25" />
            </col>
            <col role="card" w="fill" p="32" gap="14" radius="20" fill="$card-light" rotation="1.5" align="top-left">
              <img src="https://api.iconify.design/solar/cpu-bolt-linear.svg?color=%230A171D" w="32" h="32" />
              <text value="Řešení: Invisible Funnel" font-family="Inter" font-size="22" font-weight="600" color="$ink" letter-spacing="-0.5" />
              <text value="Obsah, který buduje vztah ještě dřív, než padne nabídka. Publikum přichází samo a zůstává." font-family="Inter" font-size="16" color="$ink-2" line-height="25" />
            </col>
          </row>
          <col role="card" w="fill" p="36" gap="18" radius="24" fill="$ink" rotation="-0.6" align="top-left">
            <text value="Machine Creative" font-family="Inter" font-size="14" font-weight="600" color="$peach" letter-spacing="2" />
            <text w="640" value="Spojujeme lidský vkus se strojovou kadencí. Jeden tým, který produkuje jako redakce a přemýšlí jako studio." font-family="Inter" font-size="28" font-weight="500" color="$cream" line-height="38" letter-spacing="-0.8" />
            <row gap="28" pt="6">
              <col gap="2"><text value="3×" font-family="Inter" font-size="34" font-weight="700" color="$peach" /><text value="rychlejší výstup" font-family="Inter" font-size="14" color="$dim" /></col>
              <col gap="2"><text value="0" font-family="Inter" font-size="34" font-weight="700" color="$peach" /><text value="šablon" font-family="Inter" font-size="14" color="$dim" /></col>
              <col gap="2"><text value="∞" font-family="Inter" font-size="34" font-weight="700" color="$peach" /><text value="iterací" font-family="Inter" font-size="14" color="$dim" /></col>
            </row>
          </col>
        </col>
      </grid>
    </col>

    <!-- SECTION 5 · SERVICES (DARK) -->
    <col w="fill" p="120 64" fill="$bg" gap="48">
      <col gap="14" align="top-left">
        <text value="02 · SLUŽBY" font-family="Inter" font-size="13" font-weight="600" color="$peach" letter-spacing="2" />
        <text value="Dva motory jednoho studia" font-family="Inter" font-size="48" font-weight="600" color="$cream" letter-spacing="-2" rotation="1" />
      </col>
      <row w="fill" gap="28">
        <col role="card" w="fill" p="40" gap="22" radius="24" border="1 $faint" rotation="-1" align="top-left">
          <row gap="14" align="middle-center">
            <col w="52" h="52" radius="14" fill="$faint" align="middle-center"><img src="https://api.iconify.design/solar/magnet-linear.svg?color=%23FFBD76" w="26" h="26" /></col>
            <text value="Invisible Funnel" font-family="Inter" font-size="26" font-weight="600" color="$cream" letter-spacing="-0.8" />
          </row>
          <text value="Obsahový systém, který přitahuje a zahřívá publikum bez jediné agresivní reklamy. Lidé vás najdou, pochopí a uvěří." font-family="Inter" font-size="17" color="$dim" line-height="27" />
          <col gap="12" pt="4">
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/check-circle-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Strategie kanálů &amp; formátů" font-family="Inter" font-size="15" color="$cream" /></row>
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/check-circle-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Short-form video v sérii" font-family="Inter" font-size="15" color="$cream" /></row>
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/check-circle-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Distribuce &amp; retargeting bez cookies" font-family="Inter" font-size="15" color="$cream" /></row>
          </col>
        </col>
        <col role="card" w="fill" p="40" gap="22" radius="24" border="1 $faint" rotation="1.5" align="top-left">
          <row gap="14" align="middle-center">
            <col w="52" h="52" radius="14" fill="$faint" align="middle-center"><img src="https://api.iconify.design/solar/cpu-bolt-linear.svg?color=%23FFBD76" w="26" h="26" /></col>
            <text value="Machine Creative" font-family="Inter" font-size="26" font-weight="600" color="$cream" letter-spacing="-0.8" />
          </row>
          <text value="Produkční linka, kde se lidský vkus potkává se strojovou rychlostí. Více variant, ostřejší střih, žádné šablony." font-family="Inter" font-size="17" color="$dim" line-height="27" />
          <col gap="12" pt="4">
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/check-circle-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Koncept &amp; art direction" font-family="Inter" font-size="15" color="$cream" /></row>
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/check-circle-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Editace v objemu" font-family="Inter" font-size="15" color="$cream" /></row>
            <row gap="10" align="middle-center"><img src="https://api.iconify.design/solar/shield-check-linear.svg?color=%23FFBD76" w="20" h="20" /><text value="Konzistentní brand voice" font-family="Inter" font-size="15" color="$cream" /></row>
          </col>
        </col>
      </row>
    </col>

    <!-- SECTION 6 · GALLERY (UKÁZKY) -->
    <col w="fill" p="40 64 120" fill="$bg" gap="40">
      <row w="fill" gap="auto" align="bottom-left">
        <col gap="12" align="top-left">
          <text value="03 · UKÁZKY" font-family="Inter" font-size="13" font-weight="600" color="$peach" letter-spacing="2" />
          <text value="Vybraná práce" font-family="Inter" font-size="48" font-weight="600" color="$cream" letter-spacing="-2" rotation="-1" />
        </col>
        <text value="každý kus = jeden test důvěry" font-family="Caveat" font-size="26" font-weight="600" color="$peach" rotation="3" />
      </row>
      <grid cols="4" gap="20" w="fill">
        <col role="card" w="fill" gap="0" rotation="-1.5">
          <col w="fill" h="380" radius="16" clip>
            <img src="https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?auto=format&amp;fit=crop&amp;w=800&amp;q=80" w="fill" h="fill" fit="cover" />
            <row abs x="14" y="14" gap="6" p="6 10" radius="999" fill="#0A171DCC" align="middle-center"><rect w="0" h="0" /><text value="VIDEO" font-family="Inter" font-size="11" font-weight="700" color="$peach" letter-spacing="1" /></row>
          </col>
        </col>
        <col role="card" w="fill" gap="0" rotation="1.5" pt="40">
          <col w="fill" h="300" radius="16" clip><img src="https://images.unsplash.com/photo-1611162616475-46b635cb6868?auto=format&amp;fit=crop&amp;w=800&amp;q=80" w="fill" h="fill" fit="cover" /></col>
        </col>
        <col role="card" w="fill" gap="0" rotation="-1" pt="10">
          <col w="fill" h="380" radius="16" clip>
            <img src="https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&amp;fit=crop&amp;w=600&amp;q=80" w="fill" h="fill" fit="cover" />
            <row abs x="14" y="14" gap="6" p="6 10" radius="999" fill="#0A171DCC" align="middle-center"><text value="VIDEO" font-family="Inter" font-size="11" font-weight="700" color="$peach" letter-spacing="1" /></row>
          </col>
        </col>
        <col role="card" w="fill" gap="0" rotation="2" pt="50">
          <col w="fill" h="300" radius="16" clip><img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=600&amp;q=80" w="fill" h="fill" fit="cover" /></col>
        </col>
      </grid>
    </col>

    <!-- FOOTER / CONTACT CTA -->
    <col w="fill" p="110 64 90" fill="$bg" align="top-center" gap="26" border-top="1 $faint">
      <text value="Pojďme budovat důvěru." font-family="Inter" font-size="64" font-weight="600" color="$cream" letter-spacing="-2.5" align="center" rotation="-1" />
      <text w="560" value="Řekněte nám, koho chcete získat. Zbytek je naše práce." font-family="Inter" font-size="18" color="$dim" line-height="28" align="center" />
      <row role="button" gap="10" p="16 30" radius="999" fill="$peach" align="middle-center">
        <text value="ahoj@promptless.studio" font-family="Inter" font-size="16" font-weight="600" color="$ink" />
        <img src="https://api.iconify.design/solar/arrow-right-linear.svg?color=%230A171D" w="18" h="18" />
      </row>
      <row gap="28" align="middle-center" pt="40">
        <text value="Promptless Studio, est. 2021 · Praha" font-family="Inter" font-size="13" color="$dim" />
        <text value="Instagram" font-family="Inter" font-size="13" color="$dim" />
        <text value="YouTube" font-family="Inter" font-size="13" color="$dim" />
        <text value="LinkedIn" font-family="Inter" font-size="13" color="$dim" />
      </row>
    </col>

  </col>
</gui>

```