blanky-work
A WordPress Block Theme
Built for Professionals Who Lead with Trust
10+
Templates
20+
Patterns
3
JS Modules
FSE
Full Site Editing
Designed for These Professionals
Convey expertise and brand identity simultaneously — through high credibility and refined design.
Tax Accountants & CPAs
Present credentials, services, and team introductions in a structured layout that communicates trust and expertise simultaneously.
Legal & Administrative Offices
Balances approachability with proven expertise. Clear CTAs and intuitive contact flows drive client acquisition.
Consulting Firms
A front page structure that covers your philosophy, services, and team in one cohesive layout — functioning as a powerful sales tool.
Licensed Professionals
Perfect for physicians, architects, appraisers, and other specialists who build trust through credentials and track record.
Brand-Conscious SMEs
Achieve visual quality on par with large enterprises — differentiate from competitors and elevate your brand value.
Common Requirements
- — Put trust and credibility first
- — Stand out from competitors through design
- — Manage everything with WordPress
A Design System of Distinction
Color Palette
#1A2A4A
Base color. Conveys authority, trust, and depth. Used for text, headers, and buttons.
#B89C6F
Accent color. Suggests refinement, prestige, and achievement. Used for lines, borders, and hover states.
#F8F8F6
Background color. Warmer than pure white — more readable and elegantly understated.
Typography
Display / Heading
Playfair Display
Elegant & Timeless
Used for headings and copywriting. An editorial serif with classical authority.
Body / UI
Montserrat
Used for body text, navigation, and UI
labels.
Geometric, highly legible, and a perfect contrast to the serif.
CAPS — WEIGHT 300/400/500/600
Visual Details
Grain Texture
Film grain layered over the hero, philosophy section, and footer — creating a tactile quality that transcends the digital.
Dark × Light Contrast
Backgrounds shift from White → Navy → Off White as you scroll, creating visual rhythm and a sense of depth.
Gold Line Accents
Vertical and horizontal gold lines add refined structure to the layout, serving as elegant section dividers and ornamental accents.
10 Built-In Templates
Every template a professional office site needs — from the front page to blog listings and the 404 error page. Ready to use out of the box.
Front Page front-page
Composed of five sections — Hero, Services, Philosophy, Team, and Contact — forming a polished, complete top page.
Blog Home home
The latest posts listing page. Supports site configurations with a separate front page and blog.
About Page page-about
A dedicated layout for your firm's history, philosophy, and access information.
Services Page page-service
A page template for detailing your service offerings. Flexible for presenting pricing, workflows, and more.
Staff Page page-staff
A profile page for principals and staff — featuring photos, credentials, and personal messages in a structured layout.
General Page page
A versatile template for announcements, job listings, FAQs, and more.
Single Post single
A full article template including hero, body, related posts, prev/next navigation, comments, and footer.
Archive Page archive
Category, tag, and date archive listings displayed in a tidy article card grid.
Search Results search
Displays search keywords and result count, article list, and a message when no results are found.
404 Error Page 404
A design-consistent 404 page that guides users smoothly back to the homepage or search.
Included Patterns (Excerpt)
Hero Section
Full-screen · Photo · Text · Achievement badge
Services
3-column grid · Icons · List
Philosophy
Dark background · Quote · Image · Meta info
Team
Staff cards · Profile
Contact
CTA
Header
Sticky · Frosted glass · Mobile menu
Footer
Logo · Nav · Copyright · Grain
Single Post
Content · Related posts · Comments · Nav
Refined Animations & Accessibility
Animation A
Clip-Path Text Reveal
Each line of the H1 slides upward from within an
overflow:hidden wrapper — a cinematic title reveal. Natural deceleration via cubic-bezier(0.16,1,0.3,1).
Animation B
Scroll-Triggered Fade Up
Scroll-driven animations via IntersectionObserver API. Elements fade up as they enter the viewport — with staggered display support.
Animation C
Count-Up Numbers
Achievement figures (e.g. 25 years, 300 clients,
98%) count up from 0 on scroll. Decelerates naturally with easeOutCubic, lending weight to each number.
Animation D
Scroll Indicator
A looping animation where a gold light flows down the vertical line at the hero's base — fading in 2.1 seconds after other animations settle.
Animation E
Button Gold Slide
On hover, gold slides in from the left via a CSS gradient technique. No JS required — pure CSS.
Animation F
Decorative Line Growth
Decorative gold lines extend on page load via transform:scaleY/scaleX, with direction controlled by transform-origin.
Accessibility
- ✓ prefers-reduced-motion Support — All animations switch to immediate display. Considerate of users sensitive to motion.
- ✓ Semantic HTML — Proper heading hierarchy, landmarks, and ARIA attributes throughout.
- ✓ Keyboard Navigation — Full tab-key support for all interactive elements.
- ✓ Focus Indicators — Clear focus display via gold outline. WCAG 2.1 AA compliant.
- ✓ aria-hidden on Decorative Elements — aria-hidden="true" applied to grain textures, scroll indicators, and other decorative elements.
- ✓ Structured Data (JSON-LD) — Automatically outputs LocalBusiness / ProfessionalService schema. Enhances SEO and search experience.
Technical Specifications
WordPress / Theme
| Theme Name | blanky-work |
|---|---|
| Theme Type | WordPress Block Theme (FSE) |
| Parent Theme | blanky |
| WordPress (min.) | 6.5 or later |
| PHP (min.) | 8.0 or later |
| Text Domain | blanky-work |
| Plugin Update Checker | Supported (auto-update notifications) |
Front-End
| JavaScript | Pure JS (ES6+), no framework |
|---|---|
| CSS | Section-separated CSS files |
| Animations | CSS Animations + IntersectionObserver |
| Fonts | Google Fonts (Playfair Display / Montserrat) |
| Responsive | Mobile-first, fully responsive |
| Dark Section | Philosophy section (Deep Navy) |
| Grain Texture | SVG feTurbulence (CSS only) |
JS Module Structure
| work-animations.js | Scroll animations · count-up |
|---|---|
| work-nav.js | Navigation control · mobile menu |
| work-structured-data.js | JSON-LD structured data auto-generation |
Accessibility
| Target Standard | WCAG 2.1 AA |
|---|---|
| reduced-motion | All animations supported |
| Keyboard Control | All interactions supported |
| Focus Display | Gold outline |
| Landmark / ARIA | Proper landmarks and attributes implemented |
Build a Site That Inspires Trust,
Starting Today.
blanky-work is a professional WordPress theme fully manageable through the block editor. It brings together refined design and an intuitive admin experience.