Forests to Fortune Brand Guidelines

Complete design system and brand guidelines used throughout our application

Brand Color Palette

Primary Colors

Deep Forest Green

#18392b

Emerald Green

#2d5a3d

Gold

#d4af37

Secondary Colors

Rich Brown

#5a4632

Muted Green

#7a9c87

Soft Gray

#f5f6f7

Neutral Colors

Dark Gray

#23272a

Cool Gray

#e3e7e8

White

#ffffff

Typography System

Font Families

Inter (Headings)

Used for all headings, titles, and emphasis text

Lora (Body Text)

Used for body text, descriptions, and general content

Text Hierarchy

Heading 1

Page titles and main headings

Heading 2

Section headings

Heading 3

Subsection headings

Body Text

Main content and descriptions

Component Patterns

Button Variants

Buttons use our brand colors and maintain consistent spacing and typography

Card Components

Example Card

Cards use consistent shadows, borders, and spacing

Section Components

Hero Section Pattern

Hero Section

Large, prominent sections with compelling headlines and clear calls-to-action

Feature Grid Pattern

Feature 1

Feature 2

Feature 3

Usage Guidelines

Color Usage

Primary text and headings

Accents and highlights

Body text and descriptions

Backgrounds and cards

Spacing System

Consistent spacing: 4px, 8px, 16px, 24px, 32px, 48px, 64px

Section padding: py-16, py-20 for major sections

Component spacing: mb-4, mb-6, mb-8 for consistent margins

Grid gaps: gap-4, gap-6, gap-8 for consistent layouts

Brand Values

Sustainability

Committed to environmental restoration and sustainable forestry practices

Transparency

Full visibility into forest operations and tree management

Community

Supporting local communities and creating meaningful employment