Samufl Theme Style Guide
Visual reference for all design system components
Brand Colors
Background
hsl(120, 14%, 5%) · #0A100A
--background
Primary (Purple)
hsl(263, 85%, 65%)
--primary
Brand Accent (Blue)
hsl(216, 97%, 63%) · #4490FC
--brand-accent
Brand Alt (Yellow)
hsl(43, 100%, 66%) · #FFCC53
--brand-alt
Brand Surface
hsl(221, 32%, 20%) · #222D42
--brand-surface
Gradients
Primary Gradient
--gradient-primary
Hero Gradient
--gradient-hero
Glass Effect
.glass-effect
Page Background
--gradient-page
Typography
Heading 1 - The Future of Music
Heading 2 - Orchestral Soundscapes
Heading 3 - Latest Release
Heading 4 - Featured Track
Heading 5 - Section Title
Heading 6 - Small Heading
Large body text: Whether you play an instrument or produce beats, learn how to shape your music into modern orchestral and hybrid textures.
Regular body text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small text / captions: Published on October 15, 2025
Muted tone: Lean copy for supporting details, labels, or meta information.
Pricing Badges
Markup
<span class="price-badge price-badge--pwyw">Pay what you want</span>
Intended usage
Use these only for pricing semantics. Keep decorative highlights on the existing .badge and .tag patterns.
Freebie Gate
Home Percussions download
Join the newsletter once and the file unlocks on this page after email confirmation.
Free for newsletter subscribers. One email, no spam, unsubscribe anytime.
Home Percussions download
You are signed in, so the download is unlocked right here.
This is the member state. On the real page, signed-in members see the live file link instead of the signup CTA.
Partial include
{{> freebie-gate
product_name="Home Percussions"
file_url="/content/files/2026/04/home-percussions.zip"
file_size="47 MB"
signup_cta="Sign up to download Home Percussions"
}}
Icons
These icons inherit the current text color and can be reused via their Handlebars partials.
Hero Variants
Premium Beats & Music Courses
Transform your music production skills with professional beats, comprehensive courses, and exclusive content from a chart-topping producer.
SHIFTING HORIZONS
New EP · Releasing Nov 1. Sign up to receive an exclusive digital booklet on release day.
Get the Composer's Journal on Release Day
Exclusive digital booklet with notes from the sessions — sent when the EP drops.
Discover the Sound of Tomorrow
Experience cutting-edge orchestral music that blends traditional instruments with modern production techniques.
Aurora Dreams
A mesmerizing blend of ambient textures and orchestral wonder, launching soon.
Shifting Horizons
An epic orchestral journey through time and space, blending cinematic soundscapes with modern production.
Content Blocks
Craft Cinematic Soundscapes
Learn the techniques used by professional composers to create emotional, powerful orchestral music. From string arrangements to brass writing, master the fundamentals.
Learn More →
For Musicians
Transform your instrumental skills into orchestral compositions
For Producers
Learn to blend electronic and orchestral elements seamlessly
For Composers
Polish your storytelling through cinematic arrangements
Be the first to listen!
Join below and I'll email you the booklet and all information when the EP drops.
MIT Licensed · Open Source
Built in the Open
For developer-facing product sections, this variant replaces the purple glass mood with a deep slate panel and focused blue highlights.
It keeps the same CTA structure, but shifts the tone toward technical credibility and open-source clarity.
Producer ReviewThis layout gives quotes a stronger editorial presence than a generic content card, so endorsements feel featured instead of merely listed.
Verified BuyerUse this pattern anywhere you want testimonials, fan quotes, or creator endorsements to feel premium, cinematic, and reusable for future carousels.
Release Cards
Shifting Horizons
Released October 2025
An epic orchestral journey blending cinematic soundscapes with modern production techniques.
Preview: Shifting Horizons - Track 01
Tracklist
- 01.Dawn of Hope 4:23
- 02.Rising Tide 5:47
- 03.Eternal Journey 6:12
- 04.Beyond the Stars 4:58
Product Cards
Complete Hip-Hop Production Course
Master modern hip-hop production from beat-making to mixing & mastering
- • 40+ video lessons
- • Sample packs included
- • Project files
- • Lifetime access
Trap Beat Kit Bundle
50 professional trap beats, stems, and MIDI files ready for your projects
- • 50 trap beats
- • Stems included
- • MIDI files
- • Commercial license
Starter Pack
FREE
Post Cards
How to Layer Orchestral Strings
Learn the professional techniques for layering string sections to create rich, full orchestral textures...
The Complete Guide to Modern Film Scoring
Discover the secrets behind creating emotional, cinematic soundtracks. From orchestration principles to mixing techniques, this comprehensive guide covers everything you need to know...
My Top 5 Orchestral VST Libraries
A comprehensive review of the best virtual orchestral instruments on the market today...
Join 10,000+ Producers
Get exclusive beats, production tips, and early access to new courses. Plus receive a free sample pack worth $50 instantly!
Trusted by producers at:
Sony Music • Universal • Warner
No spam, unsubscribe at any time. We respect your privacy.
Form Elements
Please enter a valid email address
✓ Email confirmed
Special Components
This is public content that everyone can see. Lorem ipsum dolor sit amet, consectetur adipiscing elit...
Members Only Content
Subscribe to access exclusive tutorials, templates, and behind-the-scenes content.
Thank You! 🎉
Your download is ready. Check your email for the link.