-
                                                 -----=
                                               ---------
                                              -----------=
                                 -::::---=   -------------=
                                  =-::-------:------------==
                                  -=-:------:::::::::------==-
                                   ------:::::::::::::----=====
                                   ----::::::::::::::::---======
                                  =--::::::::::::::::::---=======
                                 ----::::::::::::::::----========
                                 -----------------------==========
                                 =------------------===============
                                 ==---:----------=====+++++========
                                 =--::::::::---=====++++++++++======
                                 ------------=====+++++++++++++=====
                                  -===---======++++++++++++++========
                                   =======+++++++*******++++=========
                                      ==++++++++++*****+++++=========
                                            =++++++++++++++==========
                                           ==========================
                                          --------------=============
                                         ----------------------======
                                       ---------::::------------=====
                                     ------::::::::::------------====
                                    ---:::::::::::::::-----------====
                                  ---::::::::::::::::::---------=====
                              ------::::::::::::::::::::-------=====
                          =---:::::::::::::::::::::::::::----=======
                       -----:::::::::::::::::::::::::::::--=========
                     ---:::::::::::::::::::::::::::::::----========
                  =---:::::::::::::::::-::::::::::::-------========
                =-:::::::::::::::::::::---::::-------------=======
               ---:::::::::::::::::::::--------------------=++====
             --:-:::::::::::::::::::::---------------------=++==+
            ----:::::::::::::::::::::----------------------++===
          ------:::::::::::::::::::-----------------------=++=+
         -----:::::::::::::::::---------------------------+++==
        ------::::::::::::-::----------------------------=+++=
       ------:::::::::-----------------------------------++=+
      -------::::::::::---------------------------------=+=+
     ------:::::::::::::::::---------------------------=++=
     -----:::::::::::::::::::-------------------------==+=
    -----:::::::::::::::------------------------------+==+
   ------:::::::::::::-------------------------------====
   -------::::::::::--------------------------------====
   -----------::------------------------------------====
  -------------------------------------=------------===
  -------------------------------------------------====
  --------------------------------------=----------===
 =--------------------------------------=----------===
 ---------------------------------------==---------===
 --------------------------------------------------===
 ----------------------------------::--------------===
 -------------------------------------===----==----===
+:-------------------------------=======-----===----==
=:--------------------------------====-------===----===
=:--------------------------------=----------===-----====
=::-----------------------------------------===--------===
 -:------------------------------------:--====-----------==
 --::::------------------------------:---====-------------=
  ---::::------------------------------==+===--------------
   =-----::::::::::::-:----:---------=+           ====  =
     =-----------------------======+
           ================++

$ want_this_rendered

// copy a prompt below — every density-ramp pixel is already accounted for

Whole site

Design an ASCII-art website. A near-black canvas, a monospace IBM Plex Mono typeface throughout, hero imagery built entirely from character-density shading (a ramp like " .:-=+*#%@" mapped over brightness instead of real photos), thin amber rule lines instead of boxes, and a single warm amber accent reserved for links and CTAs. Content reveals with a horizontal scanline sweep, never a fade.

Best for AI website builders — Lovable, v0, Bolt

Hero section

Build an ASCII-art hero: a large block of monospace character-density art (built from " .:-=+*#%@") forming a simple recognizable shape, revealed row by row with a thin amber scanline sweeping down, an off-white headline below it, and one amber text-link CTA ending in ">>". Near-black background throughout.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude

Restyle mine

Convert my page to ASCII-art style: darken the background to near-black, switch all type to a monospace font, replace photographic imagery with character-density-mapped art using a " .:-=+*#%@" ramp, reduce all color to a single warm amber accent, and reveal sections with a row-by-row scanline sweep instead of a fade.

Paste alongside your existing site/code for an AI coding agent to apply

Paste any prompt as-is — no edits needed. Add your own brand, copy, or images on top if you want; the prompt already works without them.

For AI coding agents
ASCII Art guide for AI coding agents:
- Palette: near-black #0A0A0A background, #141414 surface, warm off-white #E8E6DE foreground (never pure #FFFFFF), muted #6E6B62 for secondary text/hairlines, one warm amber #F5A623 accent for links/CTAs/scanlines only.
- Type: IBM Plex Mono for both display and body — a single fixed-width typeface, no exceptions.
- Signature elements: hero/feature imagery built from character-density shading (a " .:-=+*#%@" ramp mapped over brightness, never a real photo), thin amber rule lines instead of bordered boxes, a recurring reused ASCII glyph-art mark instead of a logo.
- Motion: scan — content reveals row by row via a horizontal scanline sweep, echoing how line-printer/modem art actually rendered. Never fade or slide.
- Never: real photographs, more than one accent color, proportional or serif type, bordered card panels, fade/slide entrance transitions.

Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.

Every pixel already had a character that wanted the job.