Resources
Brand assets, fonts, design tokens, component kits, code templates, and documentation — all versioned and ready to download.
Sign in to unlock all resources. Employee-only assets require authentication via the Employee Portal.
Full wordmark + symbol. For headers, hero banners, OG cards. Minimum 120px wide.
Symbol + compact wordmark. Auth screens, app icons, social avatars.
Monochrome version for single-colour printing and low-contrast contexts.
Primary UI font. Weights: 300, 400, 500, 700, 900. Used for all navigation, buttons, and headings.
Secondary reading font. Weights: 300, 400, 600, 700. Long-form docs and lesson content.
Monospace font for code blocks, terminal output, and parameter inputs. Ligatures enabled.
Full token set in W3C Design Tokens format. Import into Tokens Studio or Style Dictionary.
CSS custom properties for all design tokens. Drop into any project as the first stylesheet.
SCSS partial with all design tokens as Sass variables. Fully compatible with the CSS var output.
Tailwind v4 config extending the Schoolasium palette, shadows, radius, and animation tokens.
Full component library with auto-layout, variants, and design tokens wired to the Figma Tokens plugin.
Opinionated linting and formatting rules matching the Schoolasium code standards.
The complete design system specification — brand, color, typography, motion, accessibility, and component contracts.