Skip to content
greentechnologies.org logo

Access Denied

greentechnologies.org

“Access Denied presents a professional web presence.”

professional

Color Palette

Colors

#ffffff

background

#000000

text


Typography

Fonts

Times New Roman

body
400
system

Times New Roman

heading
700
system
body

The quick brown fox

h1

The quick brown fox


Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience


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

<!-- Generated by ExtractVibe — https://extractvibe.com/brand/greentechnologies.org -->
<!-- Extracted: 2026-09-29T00:48:27.922Z | Schema: v1 | Quality: 55/100 -->
---
version: alpha
name: "Access Denied"
description: "Access Denied presents a professional web presence."
colors:
  surface: "#ffffff"
  on-surface: "#000000"
typography:
  display-lg:
    fontFamily: "Times New Roman"
    fontSize: "32px"
    fontWeight: "700"
  body-md:
    fontFamily: "Times New Roman"
    fontSize: "16px"
    fontWeight: "400"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
---

# Access Denied — Design System

## Overview

Access Denied presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette draws on 2 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| background | `#ffffff` | White |
| text | `#000000` | Black |

## Typography

Type is set in Times New Roman, Times New Roman, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Times New Roman | body | system | 400 |
| Times New Roman | heading | system | 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Times New Roman | 32px | 700 | — | — |
| Body | Times New Roman | 16px | 400 | — | — |

### Conventions

- Heading case — title-case

## Layout

- Base spacing unit — `2px`

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/greentechnologies.org) | 100% |

## Sources

- Official brand guidelines — https://greentechnologies.org/brand
- Live brand page — https://extractvibe.com/brand/greentechnologies.org
- Raw JSON — https://extractvibe.com/api/brand/greentechnologies.org
- DESIGN.md (this file) — https://extractvibe.com/api/brand/greentechnologies.org/design.md
- Extracted — 2026-09-29T00:48:27.922Z
- Generator — ExtractVibe vv1
- Quality score — 55/100
115 lines · 2,906 bytesView raw
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/greentechnologies.org \
  -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.