Framework-agnostic design tokens as CSS custom properties. Works everywhere, no build step required.
Generate CSS variablesGet your entire design system as CSS custom properties. Works in any framework, any build tool, any browser—no JavaScript required.
Here's what you get with CSS Variables
/* Generated by OneMinuteBranding */
:root {
/* Colors */
--brand-primary: #6366F1;
--brand-primary-50: #EEF2FF;
--brand-primary-900: #312E81;
--brand-accent: #F59E0B;
--brand-background: #FAFAFA;
--brand-foreground: #18181B;
/* Typography */
--font-sans: "Inter", system-ui, sans-serif;
--font-heading: "Cal Sans", system-ui, sans-serif;
--font-mono: "JetBrains Mono", monospace;
/* Spacing */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-4: 1rem;
--space-8: 2rem;
/* Borders */
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 1rem;
}Everything included with this feature to help you build faster
CSS variables work in React, Vue, Svelte, vanilla HTML—anywhere CSS works.
Change your entire brand by updating a few root variables.
Link the CSS file and start using your brand immediately.
CSS Variables integrates seamlessly with popular frameworks and tools
Developers and founders who rely on this feature for their projects
CSS Variables is especially useful when building these types of projects
Ship high-converting landing pages with a cohesive brand. Colors, typography, and CTAs that work together.
On-brand emails that render everywhere. Design tokens that work in Outlook and Gmail.
Marketing sites that convert. Bold colors, impactful typography, and CTAs that drive action.
Common questions about this feature
60 seconds. $49. All features included.
Generate CSS variablesNo account required to try
Looka gives you PDFs. OneMinuteBranding gives you Tailwind config, CSS variables, and design tokens. Here's why developers are switching.
Your portfolio looks like every other developer's portfolio. Same layout, same colors, same projects. Here's how to create a visual identity that hiring managers remember.
Product page colors, checkout trust, Shopify theming, and conversion-focused design tokens. An e-commerce branding guide built for developers.