/* Full Screen Overlay Pattern */
.preload {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
width: 100vw; height: 100vh;
z-index: 9999;
}

/* Centered Content 20% Up */
.preload {
justify-content: flex-start;
padding-top: 25vh; /* desktop */
padding-top: 20vh; /* mobile */
}

/* Console Window Standard */
.console-window {
width: 500px; max-width: 90vw;
height: 200px; /* 150px mobile */
border: 1px solid rgba(129, 253, 57, 0.4);
border-radius: 8px;
box-shadow: 0 0 20px rgba(129, 253, 57, 0.2);
}

Qrious Threads – Styling & Ethos Cheat Sheet

Brand Tone & Voice

  • Deadpan, poetic, sharp, mythic—never generic, never AI-fluffed.
  • Philosophically “quick hits” and layered symbolism, provoking self-inquiry and social/cultural critique.
  • Wry, dry, sometimes surreal—delivering depth without coddling or preaching.
  • Always favours insight and action over surface aesthetics or empty affirmations.
  • Uses UK spelling and clean, proper punctuation.

Audience

  • Thoughtful, often overwhelmed 18–55s seeking meaning and honest engagement.
  • Drawn to new perspectives on identity, society, and personal growth.
  • Likes paradoxes, reflective humour, symbolic and layered design.

Design Ethos & Visual Identity

  • “Department” structure: site is a hub for multiple creative/subversive projects, all under the Department of Qrious Threads.
  • Default palette: deep black backgrounds, accented with “simulation green” (#81FD39) for text, highlights, and effects.
  • Surfaces often use a mix of linear gradients and circuit/pulse/flicker visual cues, evoking cyber-surreal, mythic, and self-hacking themes.
  • Typography: monospace or modern, slightly technical font for system/console sections.
  • Elements are spaced for strong central focus; content sits around 15–25% above visual centre for cognitive edge.
  • Motion: Glitch effects, scan lines, progress bars, and scrolling console logs to suggest systems booting up or reframing inside the “Department.”
  • Console Window: Centrally aligned, monochrome styled with circuit and pulse overlays, checkmark icons for affirmation/cognitive checklists.
  • Affirmations/live console: Displays concise, idea-rich “reality hacks” and pointers (e.g. “Question your autopilot”), with subtle glitch transitions—not traditional motivational quotes.

Content Structure Patterns

  • Home/landing experience is intentionally immersive and covers 100% of the browser, with no home page content visible until loading ends/glitches out.
  • Console preloader scrolls through 60–80 sharply-worded “cognitive checks,” moving quickly and glitching off.
  • After the load, a rotating affirmation window appears (“affirmation module”), elevated above the main site, not full-screen.
  • In articles/FB posts: start with a bold hook, deliver real context and perspective, end with a path to peace, action, or a question (never filler).

Tech/Workflow Notes

  • Responsive and works for mobile—affirmation window height at 120–140% vs. desktop.
  • Uses Canva, Ideogram, WP/Elementor, and Printful for content and product flow (keep console images and overlays “on brand” for store).
  • Animation is purposeful: console appears immediately, scrolling starts without delay, progress is visible, and glitch effect times out loader decisively.
  • Prefer batch content and modular links (e.g., Qrious Threads ↔ ADHD Freedoms podcast, T-shirt Therapy, Inner Mythology).

Philosophy

  • The entire brand is about “installing” new lenses and debugging personal/cultural systems.
  • Never patronising or market-fluffy; always offers a “path to payload” for the mind.
  • Shirts, articles, interactions — all are “cognitive tools” to disrupt autopilot living.

TEST – If this spins red, CSS is loading!

Welcome to the Department of Qrious Threads, where reality meets digital consciousness.

This message pulses with Department energy.

System.reality.status = “questionable”;

Scanning for conventional wisdom… none detected.

Important information that needs maximum clarity.

Why share your prayers and intentions?

Well, we tend to get back what we give out. Hopefully you have been inspired by some of the shares, so maybe pay it forward and inspire others on what hopes to be the largest living Prayer intentions and gratitude wall in the universe.

Lets turn good intentions into new realities and spread the good that we all long for….

Free Tee Podcast Application

Tell Us Why one of the Designs Speaks to You – Get your voice heard and the Tee for Free if we publish the podcast!

Apply to be featured on the QR Poet podcast.
Share your take on one of our designs. If selected, you’ll get the T-shirt for free when we record a short podcast conversation exploring your meaning behind the message.

🎙️ 12 spots only. One per design.
💬 Reflect. Record. Receive.

Based in the Derbyshire Uk we not only design make inspiring designs but also champion and well being projects and run the Qrious Threads podcast. If you have an order query or would like to get involved with what we do then please get in touch.

Tell Us Why one of our Designs Speak to You – Get your voice heard and the Tee for Free if we publish the podcast!

Apply to be featured on the QR Threads podcast.

Share your reflections sparked by one of our designs. If selected, you’ll get the T-shirt for free when we record a short podcast conversation exploring your meaning behind the message.

🎙️ 3 spots per month. One per design.
💬 Reflect. Record. Receive.

Free T-shirt will be sent if podcast is aired. You have full consent if finished podcast is broadcast.

The Department would love to hear from you

Please get in touch if you would like to know more.