Skip to content
cecejewellery.com logo

Cece Jewellery

cecejewellery.com

Cece Jewellery presents a professional web presence.

professional

Color Palette

Colors

#121212

primary

#121212

accent

#ffffff

background

#ffffff

surface

#383c3f

text

#121212

secondaryText

#383c3f

link

#121212

muted

#e9e9eb

border


Typography

Fonts

Assistant

body
400
google-fonts

sans-serif

Clifton

heading
400
self-hosted

Domaine

heading
300
self-hosted

Pitch

heading
400
self-hosted

Pitch

body
400
700
self-hosted

Domaine

body
300
self-hosted
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

h5

The quick brown fox


Components

Design System

CUSTOMIZE
outline
5px
#3a3636
ACCEPT ALL
secondary
5px
#f2f2eb#3a3636
SHOP THE COLLECTION
ghost
2px
#383c3f
element
box-shadow

rgba(0, 0, 0, 0.13) 1px 0px 0px 0px inset, rgba(0, 0, 0, 0.13) -1px 0px 0px 0px inset, rgba(0, 0, 0, 0.17) 0px -1px 0px 0px inset, rgba(204, 204, 204, 0.5) 0px 1px 0px 0px inset, rgba(26, 26, 26, 0.24) 0px 12px 20px -8px

element
box-shadow

rgba(0, 0, 0, 0.2) 0px 2px 8px 0px

button
box-shadow

rgb(255, 255, 255) 0px 0px 0px 0px


Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience


Design Assets

Visual Elements

Cece Jewellery
png1440×290
Design asset
webp1440×987
Submenu item
webp1000×686
Design asset
webp1395×1488
Design asset
webp1440×1536
Design asset
webp1395×1488
Design asset
webp1440×1536
Design asset
webp1440×1536
Design asset
webp1440×1536
Design asset
other1709×1600

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

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/cecejewellery.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.