Button
Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.
Tokens
--primary--secondary--accent--radius-md--radius-full--font-primaryVariants
Sizes
Shape
State
Curriculum first, software second.
Homeschool curriculum publisher. Math-U-See. Spelling You See. Building Faith Families.
Homeschool curriculum publisher. Math-U-See. Spelling You See. Building Faith Families.
Demme Learning helps families and schools teach math, language arts, and science with curriculum that meets students where they are. The Digital Toolbox extends those products into a connected portal for parents, instructors, and students.
Founded by Steve Demme around the Math-U-See manipulative-based math curriculum. Two decades of homeschool trust earned the slow way: building blocks, video lessons, and a teaching method that respects how children actually learn.
The Digital Toolbox is the bridge into the next era. The product respects that order: a homeschool curriculum publisher building software around the products families already trust.
Four customer types. Two markets. One IA. Demme serves the homeschool home leader, the homeschool community leader, the education administrator, and the young learner, on a single account architecture without code-switching.
Parent and daily teacher
A parent at home running curriculum across one or two grade levels. Found Math-U-See because it is tactile, sequential, and works for kids who froze on traditional math. Wants the digital toolbox to support that rhythm, not replace it.
Co-op and pod organizer
Runs a co-op or learning pod. Teaches multiple families' children at once, often across grade levels. Cares about scaling the same Math-U-See experience across students without becoming an LMS administrator.
School, charter, or district decision-maker
Evaluates curriculum at the institutional level. Needs SSO, FERPA-aligned data handling, classroom-shaped reporting, and a path to roll Math-U-See into existing K-8 math sequencing without a full vendor procurement cycle.
Student, K-8
The student. Touches the Digital Toolbox surface most often. Cares about whether the lesson feels doable and whether progress feels real. The dashboard had to read warm, not corporate, without being childish.
Client-owned identity
The Demme Learning wordmark and the 'e' monogram are Demme Learning's property. Workhorse did not redraw or re-specify them, so this book publishes no logo artwork, clearspace, or misuse rules. Use the master files supplied by Demme Learning. Everything that follows, color, typography, voice, illustration, and the product design system, sits underneath that existing identity.
Request master artwork from Demme Learning before producing anything that carries the mark.
Select any step to copy its hex. The widest step in each ramp is the working default.
The palette mapped to intent. Values are copyable.
Inter for the work, Bree Serif for the brand moments.
Demme is a curriculum publisher whose product is increasingly software, so the type system leads with Inter: one variable family that holds up in dashboard chrome, lesson content, and marketing alike. Bree Serif is the counterweight, a warm slab reserved for the moments the brand speaks in its own voice: hero headlines, the Engage-Educate-Empower close, chapter openers. The pairing keeps product surfaces quiet and brand surfaces unmistakably Demme.
Every role stacked the way it ships.
Real families, real blocks, real light.
Demme photography is domestic, not institutional. Lessons happen at kitchen tables and living-room floors in natural daylight. The manipulative blocks appear in hands, not in product shots. They are the proof that this math is something a student can hold.
Learning at the kitchen table. Real families, real manipulatives in hand, daylight domestic rooms. Never a stock classroom.
Macro and mid shots of the manipulatives being used: stacking, comparing, counting. The blocks are the brand's most ownable visual asset.
Parent and student working side by side at the kitchen or dining table. The parent is a co-learner, not a lecturer.
A single student absorbed in the work, whether worksheets, blocks, or screen. Concentration reads as confidence, not struggle.
The Digital Toolbox in real settings: a laptop or tablet on the same table as the blocks and workbook. Digital and physical always appear together.
The Math-U-See manipulative block is Demme's proprietary illustration language, the equivalent of a mascot. Where another brand would reach for a generic icon, Demme draws with rods.
#44BB8D, blue #3B82F6, orange #F76500, violet #8B5CF6, with tints mixed toward the surface via color-mix. Neutral line work uses the gray ramp.BlockIllo (src/components/system/screens/megasite/bits.tsx) is the canonical implementation: patterns stack, staircase (with rod count), video, compass, medal, headset.The fastest way to hear the voice.
Ten Steps to a Federal Job is a sequence. Teach the sequence.
Unlock the proven framework that helps families succeed.
Math-U-See has worked for thirty years because it teaches the way children learn.
Math-U-See leverages a research-backed pedagogy to drive student outcomes.
Words we use
Words we never use
Ready-to-run prompts for anyone writing as Demme Learning.
Write a 60-90 word intro for the Demme Learning parent newsletter for {month}. Lead with one practical update or change in the curriculum or the Digital Toolbox. Voice: warm, direct, trusted. No 'we are excited.' No corporate language. End with one sentence on what's in the rest of the issue.
Write a 40-word about blurb for Demme Learning tailored for {context} (e.g. partner directory, conference speaker bio, podcast intro). Mention Math-U-See, the homeschool base, and the new digital surface. Voice: warm, direct, trusted.
Announce a new {feature} surface in the Digital Toolbox in 60-80 words. Lead with what the parent or student now sees on screen. End with where to find it in the Toolbox. No marketing wrapper.
Write a 2-sentence pitch line for a school administrator evaluating Math-U-See for K-8 procurement. Reference SSO, classroom reporting, or the K-8 math sequence. Voice that respects institutional procurement language but stays plainspoken. No homeschool-only framing.
Curriculum Brand
The original Demme curriculum. Manipulative-based math taught in sequence. The foundation of the homeschool trust the brand has earned over two decades. The Digital Toolbox is built around Math-U-See lessons first.
Curriculum Brand
Demme's language arts curriculum. Same teaching philosophy as Math-U-See: concrete, sequential, lesson-by-lesson. Extends the brand into language arts without diluting it.
Product Surface
The LearnDash-backed lesson surface for parents, instructors, and students. One account architecture, role-aware navigation, lesson-shaped content model. Lesson 5 (the working frame) shows the dashboard pattern.
digital
The composed marketing homepage: forest hero, subject tabs, Digital Toolbox panel, Empower close. Built from the eight-section library; live in the /brand/demme preview shell.
digital
Subject-level template: crest hero, level-sequence staircase, freemium band, placement and shop two-up.
digital
The centerpiece product screen: lesson video, virtual manipulatives, and worksheet flow inside the Digital Toolbox chrome.
digital
Eight reusable page sections (hero, toolbox band, community card, empower, subject hero, level sequence, freemium band, placement/shop) that compose every megasite page.
Spacing
The brand's spacing scale and container widths. Mono-keyed for scan, not for memorization.
Radius
Corner-radius tokens. Small UI sharp. Large surfaces soft. Pills and avatars full.
Motion
Durations and easings. Conservative product-UI motion. Quick hovers, gentle transitions, no theatrics.
Component library
A token-driven component set. Every component reads from the brand scope above. Swap the brand and the same components reskin without code changes.
Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.
--primary--secondary--accent--radius-md--radius-full--font-primaryText input, textarea, and label. Standard size scale with hover and focus states tied to the primary token.
--primary--base-300--background--foreground--radius-mdDefault, soft, and outlined surfaces. Composable header, body, and footer regions.
--background--base-100--base-200--base-300--radius-lgStatus indicators and chips. Pulls from brand and status tokens for semantic meaning.
--primary--accent--success--warning--danger--radius-fullImage or initials, four sizes, optional brand tone for placeholder fills.
--primary--secondary--accent--neutral--radius-fullUnderline and pill variants. Active tab uses the primary token; inactive tabs sit at 60 percent foreground.
--primary--foreground--base-100--base-300Composed patterns
Pattern assemblies that show how the components combine into surfaces. Built from the same tokens as the Foundations and Components above. The mobile top bar was the longest-running visual conversation in the engagement — six iterations to land the working frame.
The bar is constant across all six. The iterations are nav STATES — resting, open, and four section-expanded views. State 3 (Subjects) is the working frame: extending Math-U-See trust into the rest of the publishing portfolio.
Demmo wordmarkDemme markSearchLogin pillQuick pillsNav rowsToolbox cardThe white rounded shelf carrying the Demmo wordmark, Subjects / Community / Support dropdowns, the outlined Shop pill, and the dark Digital Toolbox pill. Open · Subjects expands to a four-product tab strip with Math-U-See raised as the active tab.
Demmo wordmarkDemme markNav linksShop pillToolbox pillProduct crestsRole-aware switcher backing the four account types. Avatar tone tracks the lens the user is looking through. SSO and non-SSO supported on the same surface.
AvatarListPillBrand tonesThe Digital Toolbox shell. Side rail with role-aware nav, top bar with breadcrumb + search + account switcher, and a primary content frame. The Lesson 5 screen sits inside this exact chrome.
WordmarkNav railBreadcrumbSearchAccount switcherThe dark close to every page. Family of Products row, Customer Service pills (Email / Call / Chat), location + hours, four-column site nav, and the warm-toned Engage / Educate / Empower sign-up panel.
Product crestsPill buttonsNav columnsBree Serif headlineSign-up panelPage sections
The bands the pages are built from. Patterns are chrome; screens are whole pages; sections are the unit in between. Each specimen below is the same component the Screens chapter composes — exhibited here standalone so a new page is an assembly decision, not a redesign.
The forest opening: white nav shelf, four-subject tab strip, and the floating Building Lifelong Learners card with the dark Digital Toolbox panel.
HomeNavBarSubject tilesFeature cardsToolbox panel
Our award-winning, comprehensive learning tools support educators, parents, and students in schools and homeschools.
Free access to the first three lessons of each level of the Math-U-See Curriculum, virtual manipulatives, and more!
The dark product band: three audience photo cards with white CTAs, closed by the family-of-brands wordmark strip.
Photo cardsWideWhiteButtonBrand wordmarksInstant access to lessons, digital manipulatives, instructional videos and more.
The white card floating on the dark ground: three articles, the podcast feature with Latest Episodes, and the catalog shop grid.
Article cardsPodcast featureEpisode listShop tilesThe Definitive Homeschool Convention GuideMath in Soccer: Analyzing Angles, Trajectories, and GoalsPreparing Visual Thinkers for the WorkplaceThe evening close, per the comp: family centered in the full-bleed photo, headline top-left, the six-pillar gradient panel rising over the table edge, then the Lancaster sign-off.
Photo bandFeature cardsAward badgesChildren thrive when learning alongside engaged parents, teachers, and family members, whether leading or supporting their education. Together, we foster lifelong learners.
Innovative learning solutions for homeschoolers, parents, and small groups since 1990.
Learn About UsThe subject-page opening: crest + breadcrumb, Bree Serif headline, check-list features, dual CTAs, and the study photo.
MathCrestFeatureCard rowsDarkButtonOutlineButtonA complete K-12 curriculum that teaches with manipulatives, video instruction, and a mastery sequence, at home or in the classroom.
Primer through Zeta as a seven-tile rail — the "sequential" curriculum pillar rendered as UI. Placement by mastery, not grade.
Level tilesBlockIllo staircaseMono markersEvery level builds on the one before it. Students place into the level that matches their mastery, not their grade.
The dark conversion band: first three lessons of every level free, with the lesson-list card on the right.
Lesson rowsFREE markersDual CTAsTry the full lesson experience: video instruction, virtual manipulatives, and worksheets. All before you buy. No account required to start.
The subject page close, lifted from the mega-panel right rail: Student Placement CTAs beside the Shop Math-U-See product list.
Placement cardShop rowsBlockIlloStudents should start at their individual level of mastery. Find the proper placement for your student.
Real screens
Composed pages built from the foundations, components, and patterns above. Live, not stills. The screens that mattered most in the project: the megasite home, the Math-U-See subject page, and the Lesson 5 dashboard.
The marketing surface. White hero card overlaid on a forest scene, four-product shelf, the dark Digital Toolbox band, and the Engage / Educate / Empower close.
Our award-winning, comprehensive learning tools support educators, parents, and students in schools and homeschools.
Free access to the first three lessons of each level of the Math-U-See Curriculum, virtual manipulatives, and more!
Instant access to lessons, digital manipulatives, instructional videos and more.
The Definitive Homeschool Convention GuideMath in Soccer: Analyzing Angles, Trajectories, and GoalsPreparing Visual Thinkers for the WorkplaceChildren thrive when learning alongside engaged parents, teachers, and family members, whether leading or supporting their education. Together, we foster lifelong learners.
Innovative learning solutions for homeschoolers, parents, and small groups since 1990.
Learn About UsThe Math-U-See shelf composed from the mega-panel grammar: subject hero with the crest, the Primer-through-Zeta level sequence, the free first-three-lessons band, and the placement + shop two-up.
A complete K-12 curriculum that teaches with manipulatives, video instruction, and a mastery sequence, at home or in the classroom.
Every level builds on the one before it. Students place into the level that matches their mastery, not their grade.
Try the full lesson experience: video instruction, virtual manipulatives, and worksheets. All before you buy. No account required to start.
Students should start at their individual level of mastery. Find the proper placement for your student.
The centerpiece. The delivered Digital Toolbox lesson surface — Bree Serif headline, the subject rail with Math-U-See in focus, the orange-bordered Instructor Help card with its shaded Lesson Solutions panel, the Objectives / Why two-up with listen-along audio, the Warm Up with See It Solved, and the instructor notification. Orange marks instructor-only affordances throughout.
When signed on as an instructor, you will see orange buttons and shaded areas visible only to you.
The orange buttons indicate items to print or Solutions.
The orange-shaded areas include Notes and other important information for instructors, including:
Polynomial long division is useful when a polynomial needs to be broken down into smaller parts. It is also used in some forms of computer programming, such as error-control coding and cyclic redundancy check (CRC) methods.
The Warm Up activates prior knowledge that is related and important to your understanding of the lesson. It is a great way to prepare your mind for what you are about to learn.
Complete the Warm Up in your Lesson Pages. If necessary, See it Solved to check your work.