Skip to content
ardena.com logo

Ardena, Global CDMO, We Know Development

ardena.com

“Ardena, Global CDMO, We Know Development presents a professional web presence.”

professional

Color Palette

Colors

Light Mode

#1863dc

primary

#ffffff

background

#fff8fa

surface

#222222

text

#008000

secondaryText

#212121

link

#008000

muted

#7a00df

accent

#dddddd

border

Dark Mode

#ca2c68

surface

Typography

Fonts

Ardena

body
400
500
600
700
self-hosted

sans-serif

Ardena

heading
600
700
self-hosted

sans-serif

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox

Components

Design System

ghost
ghost
0px
#222222
Customise
outline
2px
#1863dc
Reject All
primary
2px
#1863dc#ffffff
modal
box-shadow

rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.171839 0.0296637 -0.00166827 / 0.1) 0px 25px 50px -12px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.171839 0.0296637 -0.00166827 / 0.1) 0px 20px 25px -5px, oklab(0.171839 0.0296637 -0.00166827 / 0.1) 0px 8px 10px -6px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

gradient

linear-gradient(135deg, rgb(145, 1, 75) 0%, rgb(202, 44, 104) 40%, rgb(254, 79, ...

gradient

linear-gradient(to top, oklab(0.171839 0.0296637 -0.00166827 / 0.8) 0%, oklab(0....

Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience

Design Assets

Visual Elements

Ardena
svg300×123
Ardena
png398×136
Design asset
png1293×1217
Design asset
png1537×1023
Design asset
jpg1254×1254

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/ardena.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.

Get started free