# AWE job packet: decluttech.com /index Generated 2026-09-12 07:16 UTC. Everything the designer needs is in this file plus preserve.html. ## The job Redesign the page at https://decluttech.com/ to the house design bar, keeping every fact and every working link, so it reads as a page made for this subject and nobody else's. Deliver ONE self-contained HTML file to `/var/www/decluttech.com/awe-preview/index.html`, then run `awe.py check decluttech.com`. ## Site identity (from the live page) - Title: DeclutterTech — Organizing cluttered tech offices - Description: DeclutterTech brings order to cluttered tech offices — desks, cables, server rooms, and the gear that piles up. Practical organizing for people who work in technology. - Site sections that exist: KB, act, case-studies, lessons, prompts, resources, video - Pages on site: 10 ## What the audit found (Des estimate 30, base 30) - Stock or generic type system (Inter, Space+Grotesk): choose typefaces for this subject. - 16 em dashes in copy; the network rule is none. - 4 uppercase label styles; ALL-CAPS eyebrows are a template tell. - 3 links end in an arrow. - Gradient-clipped headline text; the default hero treatment. - No visible focus style for keyboard users. - No FAQ page; a real FAQ earns AI-search visibility and Des points. - No sources page; cite what the site claims. - No form on the page; the reader has no way to act. ## Current fonts Inter, Space+Grotesk ## Internal links on the page (keep every one of these working) - D Declutter Tech (/) - Videos (/video/) - Lessons (/lessons/) - KB (/KB/) - Case studies (/case-studies/) - Resources (/resources/) - D Declutter Tech (/) - Videos (/video/) - Lessons (/lessons/) - Resources (/resources/) - Knowledge base (/KB/) - Case studies (/case-studies/) - Prompts (/prompts/) - Sitemap (/sitemap.html) ## Blocks that must be carried over verbatim (see preserve.html) canonical ## The page's current copy (source of truth for facts; rewrite freely, invent nothing) DeclutterTech — Organizing cluttered tech offices D Declutter Tech What we do How it works Videos Lessons KB Case studies Resources Book a walkthrough Organizing for tech offices Your work is complex. Your workspace shouldn't be. DeclutterTech brings order to cluttered tech offices — the desks buried in gear, the cable spaghetti, the server room that quietly became a storage room. Practical organizing for people who work in technology. When the mess has grown past everyday and started to feel overwhelming, our sister site DehoardTech handles compassionate, tech-aware recovery. Book a walkthrough → See how it works Desk to rack Every surface, drawer, and shelf Gear-safe Cataloged, labeled, protected Stays fixed Systems that survive a busy week What we do Order for the spaces tech clutter takes over. Not a junk-hauling crew. We sort, label, and set up systems for the specific mess technology creates — hardware, cables, paper, and the "I might need this" pile. 🖥️ Desks & workstations Clear the surface, tame the cables, and give every device, dock, and peripheral a home you can actually maintain. 🔌 Cables & power Label, route, and manage the tangle behind the desk and under it. Power, network, and A/V, sorted and documented. 🗄️ Server & storage rooms Reclaim the room that turned into a closet. Inventory the hardware, retire the dead gear, and get the racks breathing again. 📦 Gear & inventory Catalog the good equipment that's too valuable to toss and too scattered to find. Labeled, shelved, and searchable. 📄 Paper & records Sort, archive, or shred the paperwork a busy operation leaves behind — without losing what actually matters. 🔁 Systems that hold Simple, labeled systems built to survive real work. We set it up so it stays organized after we leave. How it works Four steps, from walkthrough to working office. A clear sequence with an end date. You always know what's happening and what's next. 01 — WALK Walkthrough We tour the space, understand how you work, and find what's actually getting in the way. 02 — PLAN Plan & quote A written plan and a fixed quote: what we sort first, what gets kept, where things will live. 03 — SORT Sort & set up Keep, archive, or retire — device by device. Then we build the labeled systems and put it back to work. 04 — HAND OFF Hand off A quick tour of the new setup and a simple map so the order sticks after we're gone. The work Before and after. Real spaces, weeks apart. Photos coming as projects wrap. [ BEFORE ] Before — cluttered workstation [ AFTER ] After — cabled, labeled, clear Ready to see the desk again? Book a walkthrough. We'll tell you exactly what it takes to get your tech office back in order — no obligation. Book a walkthrough → Contact Tell us about your space. Send a few photos and a sentence about what's driving you crazy. We'll take it from there. hello@decluttech.com D Declutter Tech Videos Lessons Resources Knowledge base Case studies Prompts Sitemap © 2026 DeclutterTech — organizing for tech offices. Part of the WholeTech network. Elsewhere on our network Clinics in Austin & beyond Clinics: the firms in the sector, what their websites get right and wrong, the concepts, questions and developments that define the field. Part of the WholeTech network. Take a look → ## Knowledge base (KB/index.html) Knowledge Base — DeclutterTech D Declutter Tech Videos Resources Knowledge base Case studies Contact Book a walkthrough Knowledge base Answers to the questions people actually ask Type a question or a keyword, the list filters as you type. This is a plain, fast, in-page search (no tracking, no server). Want AI-generated answers instead? That's coming, see the prompts groundwork . Where do I even start with a cluttered tech office? Start with the surface you touch most: the desk. Clear it completely, then put back only what you use weekly. Everything else gets sorted into keep / relocate / retire. A clear desk gives you a staging area for the rest of the room. What's the fastest win for cable clutter? Unplug everything, then add back one cable at a time, labeling each at both ends as you go. Route power and data separately, and anchor the bundle under the desk with a tray or a few adhesive clips. An afternoon of this pays off for years. How do I deal with old tech I'm scared to throw away? Make a 'maybe' bin with a date on it. If you haven't reached into it in 90 days, the gear goes: sell the good stuff, e-recycle the dead stuff, wipe any drives first. Keeping one spare of a thing is prudent; keeping five is a museum. My server room became a storage room. Now what? Photograph it, then pull everything that isn't powered or racked. Inventory the actual hardware, retire what's off and unlabeled, and give storage its own home elsewhere. A room with airflow and a label on every cable is a room that stops surprising you. How do I keep it organized after the big cleanup? Give every category one labeled home and put a five-minute reset on the calendar for end of week. Organization isn't a one-time event; it's a small habit plus good labels. If a system needs a manual, it's too complicated. What should I label, and with what? Label cable ends, drawer fronts, shelf zones, and any bin whose contents you can't see. A cheap label maker beats masking tape and a Sharpie for anything permanent. Future-you reads labels; future-you does not read your mind. Paper is taking over. Digital or shred? Scan what you legally or sentimentally must keep, shred the rest, and stop the inflow at the source (paperless billing, a single inbox tray). Most 'important' paper is a search away online. The tray is a queue, not a filing cabinet. How long does a professional cleanout take? A single cluttered office is often one to two days; a whole property with storage and gear is a phased project over weeks. You get a written plan and a fixed timeline before anyone starts, so there are no open-ended meters running. Do I need to be there the whole time? No. We do a walkthrough with you up front to mark what's protected and how you work, then check in daily. You make the keep-or-toss calls that matter and skip the parts you'd rather not watch. Is my mess too embarrassing to show anyone? We have seen worse, and we are not here to judge a room. The point of the first call is a plan, not a reaction. The embarrassment tends to evaporate the moment someone else is helping carry it out. My desktop is a wall of icons. How do I fix it fast? Make three folders: Now, Later, Archive. Drag everything off the desktop into Later, pull back only the five things you touch daily, and set a reminder to empty Later on Friday. A clean desktop loads faster in your head than on the screen. My files are a mess. What folder system actually holds up? Use a shallow structure by area of life or project, not by file type, and let search do the finding. Two levels deep is plenty; anything deeper and you will not remember the path. Name files so the important word comes first: 'invoice-acme-2026-03' beats 'March stuff'. I have 40,000 photos. Where do I even begin? Do not sort chronologically, you will burn out in 2011. Start by deleting the obvious: blurry shots, duplicates, screenshots, and burst frames you never picked from. Most phone libraries shed a third of their weight from junk alone before you make a single 'keep' decision. My email inbox has 12,000 unread. Is it hopeless? Declare bankruptcy: archive everything older than two weeks in one move, nothing is truly lost, it is all still searchable. Then unsubscribe from three lists a day and route receipts and newsletters into filters. The goal is a working inbox, not a museum of guilt. How do I safely get rid of an old laptop or phone? Back up anything you want, sign out of your accounts, then do a factory reset with encryption on so the old data is unreadable. For drives that will not boot, physically destroy the platters or chip. Only then donate, sell, or e-recycle it. Where can I responsibly recycle dead electronics? Never the trash, they leak heavy metals and it is illegal in many places. Manufacturer take-back programs, staffed e-waste drop-offs, and city hazardous-waste days all take old gear for free. Wipe or pull any storage first. I pay for too many apps and subscriptions. How do I prune them? Pull your last three months of card statements and highlight every recurring charge, the total usually shocks people. Cancel anything you have not opened in 60 days; you can always resubscribe. Then set a calendar note to review the list twice a year. My cloud storage is always full. What do I clear first? Sort by size, not by date, one forgotten video folder often outweighs thousands of documents. Move true archives to cheaper cold storage or an external drive, delete duplicates, and empty the trash, which quietly holds deleted files for 30 days. Storage is cheap; digging through it is not. I have dozens of logins and no idea what I still use. Help? A password manager will list every account it has seen and flag reused and weak passwords. Close the accounts you no longer use, especially old shopping and trial sites, and turn on two-factor for the ones that matter. Fewer accounts means a smaller target. The spare-parts and cable drawer is chaos. What stays? Keep one of each cable and adapter you actually own a device for, and label them. Everything for gear you no longer have goes to e-recycling. A drawer with a divider and a label beats a bag of mystery cords you will re-buy anyway. Should I back up before I start deleting digital clutter? Always. Make one full backup to an external drive or the cloud before a big cleanup, so a hasty delete is never permanent. Decluttering feels braver, and goes faster, when you know there is a safety net you can restore from. How do I keep old routers, hubs, and smart-home gear from piling up? When you replace a device, retire the old one the same week, do not let it 'live in a drawer just in case.' Reset it to wipe your network settings first. One working spare of a critical item is sensible; a shelf of obsolete routers is just guilt with blinking lights. Donate it or sell it? How do I decide with old tech? If it is current enough to fetch real money in an hour of listing, sell it; if not, donate it and take the tax receipt. Anything broken or more than a few generations old is e-waste, not a gift. The best outcome is the one that actually gets it out of your house this week. What are a few automations that keep things tidy on their own? Turn on auto-empty for trash and downloads folders, set photos to back up and free up space automatically, and use inbox rules to file the predictable mail. Small rules running quietly beat a heroic cleanup every quarter. Set them once and let the machine do the maintenance. How do I stop the clutter from just coming back? Match every new thing in with something out, and give categories a home so there is no 'miscellaneous' pile forming. Put a ten-minute reset on the calendar for end of week, digital and physical both. Tidy is not a weekend project you finish; it is a light habit you keep. No matches. Try a simpler keyword like “cables” or “paper”, or just ask us directly . D Declutter Tech Videos Resources Knowledge base Case studies Contact Sitemap Prompts © 2026 DeclutterTech, organizing for tech offices. Part of the WholeTech network. ## The design bar # The house design bar (AWE) Every page AWE ships is judged against this. It is the frontend-design skill's standard plus the network's own rules. Read it before designing; re-read it before shipping. ## Ground the design in the subject Identify the subject, the audience, and the page's primary job before drawing anything. The industry, its materials and its vernacular are where distinctive choices come from. Build with the site's real content and knowledge base, never lorem ipsum, never invented claims the site cannot back. ## Principles - The hero opens with the most characteristic thing in the subject's world, in the most appropriate form: a headline, an image, a demo, a live moment. The "big number, small label, gradient accent" hero is the default; only use it if it is truly the best option. - Typography carries the personality. One family, or two clearly distinct families. Choose them for this brief, not the families you reach for on every project. Set a real type scale with intentional weights and spacing. Body line length under 80 characters; serif body gets a little more line-height. - Avoid the commonest tells of a generated page: a single accented word in a headline; ALL-CAPS labels; unnecessary eyebrow labels above content; numbered 01/02/03 markers on content that is not a sequence; arrows appended to links. - Visual structure is information. Borders, rules, numbering and dividers encode something about the content; they are not decoration. - Motion: one orchestrated moment at most. No fade-and-slide on every section. Motion that answers a person's action is welcome. - Copy is design content. Plain verbs, sentence case, active voice, no filler. A button says what happens: "Book a walkthrough", not "Submit". ## The looks that read as AI defaults (do not spend freedom on these) 1. Warm cream background near #F4F1EA with a high-contrast serif display and a terracotta accent near #D97757. 2. Near-black background with a single acid-green or vermilion accent. 3. Broadsheet layout: hairline rules, zero radius, dense newspaper columns. 4. The SaaS card kit: identical rounded cards, one radius everywhere, the same soft grey shadow under each, gradient washes as decoration. 5. Template chrome: tracked-out ALL-CAPS eyebrows, meta strings joined with middle dots, "WORD — fragment" labels, tinted near-black (#0B0B0B) as black, monospace for small labels, "→" on link text. If the brief pins a direction, follow it. Where it leaves an axis free, do not spend that freedom on one of these. ## Network rules (non-negotiable) - No em dashes anywhere in copy. Use a comma, a colon, or a new sentence. - Keep what the network needs on every page: the AdSense tag and ads.txt, analytics snippets, the WholeTech promo bar and wt-stack script if the page had them, canonical, robots, sitemap entry, the IndexNow key file. - Keep the site's existing internal links working (nav targets, KB, act, case studies, lessons, prompts, resources, videos, enquire). New pages may add links; they may not drop them. - Responsive to 360px wide, visible keyboard focus, reduced motion respected, contrast at least 4.5:1 for body text, alt text on every meaningful image. - One HTML file per page, self-contained CSS in a single style block (plus Google Fonts link if used), no build step, no external JS frameworks. - Ship only to owned domains, only through the ship step, only after a preview. ## Process (plan, review, build, critique) 1. Plan: a compact token system: 4 to 6 named colors, the typefaces and their roles, a one-sentence layout concept with an ASCII wireframe, and 3 to 5 principles that make this page unlike any other. 2. Review the plan against the brief. Anything that reads like the generic default for a page of this kind gets revised, and the change is written down. 3. Build to the plan. Watch CSS specificity; avoid selectors that cancel each other on section spacing. 4. Critique: remove one accessory. Then run `awe.py check` and fix what it flags. ## What the Des score rewards (wholetech.com/alldomains) Designed webfont family beyond Inter, Space Grotesk, JetBrains Mono, Roboto, Open Sans (or a serif family in the CSS) scores 70; WT-Skins kit 55; stock fonts 30; the generic dark AI template 11. Section richness adds points: sources page with 10+ cited links, a videos page with 6+ embeds, a live page, news items, a FAQ with 4+ entries, a form. Real traffic adds the rest. Design for the reader, and the score follows.