authorityastrology.com

Extracted 1 times•Last extracted 6 hours ago•Visit site ↗

Analyse Authorityastrology's design system. a palette of 12 colours including #EAB308, #FACC15, and #22C55E and Inter and __Roboto_0cb770 typography. Download the ready-made Tailwind config, Figma variables, shadcn/ui theme, React theme, W3C design tokens, and CSS custom properties, and drop them into your own project in minutes. Includes an AI-optimised design brief you can feed straight to Claude, Cursor, or any coding agent.

Colour palette

#EAB308

#FACC15

#22C55E

#1F2937

#E5E7EB

#F3E8FF

#9333EA

#7E22CE

#581C87

#000000

#9CA3AF

#FFFFFF

This is a short summary of the brand and most-used colours. The full download captures every colour extracted from the live DOM (usually 50–100 unique values), all named and tokenised across Tailwind, Figma, CSS variables and design tokens.

Typography

Font: Inter, __Roboto_0cb770, Playfair Display

Base size: 60

Scale: 60, 48, 40, 36, 30, 24

Downloads

Free preview

CSS variables + HTML report. Free, no signup.

⬇ Download free preview

Pro download

All 8 files

Tailwind · Figma · shadcn · tokens · React theme · AI brief

⬇ Download all 8 files · $3 or $10/month for unlimited →

What's included

Tailwind config: drop into tailwind.config.js
Figma variables: import directly into Figma
shadcn theme: paste into globals.css
React theme: Chakra / Stitches compatible
W3C design tokens: any token tooling
Full CSS variables
Visual HTML preview
AI-optimised design brief

Recent extractions

6 hours ago, Jūnāgadh