atmosphire

atmosphire

LEAD Designer

ELIAS VANCE

CLIENT

THE ARBOR GROUP

STATUS

development

A STUDY IN

VERTICALITY AND

MONOLITHIC

MASSING, SITUATED

ON THE COASTAL

RIDGE.

the

(

(

(

challenge

)

)

)

Key hurdles include managing component variants in. Navigating these complexities will be crucial for successful project delivery.

Key hurdles include managing component variants in. Navigating these complexities will be crucial for successful project delivery.

actionable

(

(

(

insight

)

)

)

(

01

)

Create a scalable thumbnail layout for teams.

(

02

)

The design a vertical draft for team thumbnails.

(

03

)

Scale team thumbnail layouts effectively.

(

04

)

Draft a rectangle layout for team thumbnails.

all time

(

(

(

fav project

)

)

)

A blurry photo of a person riding a bike
woman running wearing armband
a blurry photo of a person sitting in a chair
a man riding a wave on top of a surfboard
Berlin u-bahn station with stairs and exit sign
Berlin u-bahn station with stairs and exit sign
A man swimming in a pool with no shirt on
A man swimming in a pool with no shirt on
a group of people playing a game of basketball
a group of people playing a game of basketball

scope

(

(

(

of works

)

)

)

From initial concept to final execution, we manage the entire structural lifecycle of your brand's digital identity.

From initial concept to final execution, we manage the entire structural lifecycle of your brand’s digital identity.

(01)

(01)

STRATEGIC AUDITING

Comprehensive analysis of current assets and market positioning using data-driven methodologies.

(02)

(02)

VISUAL SYSTEMS

Design of modular components and rigid typographic grids for scalable brand application.

(03)

(03)

INTERFACE ARCHITECTURE

Logical flow and interaction modeling prioritizing absolute user clarity and efficiency.

(04)

(04)

MOTION LOGIC

Functional animation that guides focus and provides immediate feedback without distraction.

(05)

(05)

IMPLEMENTATION

Engineering precision in the final build, ensuring visual fidelity across all platforms.

visual

(

(

(

timeline

)

)

)

each phase in our timeline contributes to a narrative of innovation, usability, and the unwavering pursuit of excellence in CRM design

2 days

strategy

goals

functional

ideation stage

goals

ideation stage

functional

22 days

discover

targets

additional

objective

placeholder

30 days

design

interface

prototype

usability

testing

interface

testing

prototype

usability

40 days

delivery

Implementation

handover

40 days

delivery

Implementation

handover

the

(

(

(

deliverables

)

)

)

01 / DESIGN SYSTEM

01

01

Unified Visual Language

Unified Visual Language

Complete Figma workspace with modular components, typography scales, and rigorous grid definitions for cross- platform consistency.

Complete Figma workspace with modular components typography scales, and rigorous grid definitions for cross-platform consistency.

Complete Figma workspace with modular components, typography scales, and rigorous grid definitions for cross- platform consistency.

03

Curated Asset Pack

Curated Asset Pack

All custom iconography and optimized imagery inmultiple formats for web and marketing.

All custom iconography and optimized imagery in multiple formats for web and marketing.

All custom iconography and optimized imagery in multiple formats for web and marketing.

02

Production Source Code

Production Source Code

Clean React/Tailwind codebase, production-ready and fully documented for your engineering team.

Clean React/Tailwind codebase, production-read and fully documented for your engineering team.

04 / DOCUMENTATION

Technical Handover

Technical Handover

Comprehensive documentation covering deployment pipelines, component usage, and style guides to ensure longevity.

Comprehensive documentation covering deployment pipelines, component usage, and style guides to ensure longevity.

04

FORMAT

FORMAT

MARKDOWN / NOTION

MARKDOWN / NOTION

payment

(

(

(

schedule

)

)

)

The project is divided into two distinct execution phases. All payments are non-refundable once the phase initiates.

FINANCIAL SUMMARY

FINANCIAL SUMMARY

ID

ID

DATE

DATE

DESCRIPTION

DESCRIPTION

AMOUNT

AMOUNT

STATUS

STATUS

INV-0082

INV-0082

NOV 10, 2026

NOV 10, 2026

PHASE 1: SITE PREP & FOUNDATION

PHASE 1: SITE PREP & FOUNDATION

$24,500.00

$24,500.00

PAID

PAID

INV-0094

INV-0094

NOV 22, 2026

NOV 22, 2026

PHASE 2: MATERIAL PROCUREMENT (CONCRETE)

PHASE 2: MATERIAL PROCUREMENT (CONCRETE)

$18,200.00

$18,200.00

PENDING

PENDING

INV-0104

INV-0104

NOV 30, 2026

NOV 30, 2026

PHASE 3: HANDOVER (FINISH)

PHASE 3: HANDOVER (FINISH)

$20,000.00

$20,000.00

PENDING

PENDING

NOTE: ALL FIGURES ARE IN USD. TAXES ARE CALCULATED AT THE END OF EACH QUARTERLY BILLING CYCLE. FOR DISPUTES, CONTACT FINANCE@HALOKALE.IO

TOTAL PROJECT VALUE

TOTAL PROJECT VALUE

$62,700.00

$62,700.00

why

(

(

(

us

)

)

)

At our core, we believe in the power of collaboration and creativity. Our team is dedicated to transforming ideas into stunning designs that resonate with users. With a focus on innovation and quality, we strive to deliver exceptional results that not only meet but exceed expectations. Choose us for a partnership that values your vision and brings it to life.

any question? we got you

any question? we got you

No retainers. No surprises. Every line item is tied to a real deliverable — and the total is fixed from day one.

No retainers. No surprises. Every line item is tied to a real deliverable — and the total is fixed from day one.

(

01

)

What is Figma and how can it benefit my design process?

(

02

)

Can the project scope be adjusted?

(

03

)

How long will the project take?

(

04

)

What happens if I need revisions?

(

05

)

What happens after I approve the proposal?

Lets start

Lets start

something the

something the

regal will be proud of

regal will be proud of

work with us

work with us

halokale@studio.io

+010 01000237

Create a free website with Framer, the website builder loved by startups, designers and agencies.