RAW SYSTEM

A software studio website with an industrial visual language.

A Brazilian Portuguese site for presenting custom software services, a delivery process, and selected projects. The interface pairs oversized typography, a restrained monochrome palette, numbered sections, and a custom geometric mark with a responsive Next.js implementation.

Status: website implementation, version 0.1.0. The repository contains the public presentation layer and a contact form that opens the visitor's email client.

Local interface preview.

Design and implementation

• Distinct type hierarchy. Space Grotesk for display text, Inter for reading, and JetBrains Mono for labels and system details.
• Reusable visual foundations. CSS tokens, borders, grid treatments, and texture utilities in src/app/globals.css.
• Focused page composition. Hero, services, process, work, and contact sections, each implemented as a separate component.
• Responsive layouts. Shared header and footer, a persistent contact action, and a custom SVG brand mark.
• A direct contact flow. Name, email, and project details become a prefilled mailto: message. No form submission service or database is included.

Run locally

Use Node.js 22.12+ and pnpm.

git clone https://github.com/Vinizeira13/raw-system.git
cd raw-system
pnpm install --frozen-lockfile
pnpm dev

Open localhost:3000. No environment variables or external service credentials are needed to run the site.

pnpm lint
pnpm build
pnpm start

pnpm start serves the production build. Font optimization uses Google Fonts during the build, so network access is required.

Code map

Path	Purpose
src/app/page.tsx	Page composition
src/app/layout.tsx	Fonts, language, metadata, and document shell
src/app/globals.css	Theme tokens and visual treatments
src/components/sections/	Hero, services, process, work, and contact
src/components/raw/	Brand mark, header, and footer
src/components/ui/	Shared interface primitives
public/favicon.svg	Site icon

Stack: Next.js 16, React 19, TypeScript, Tailwind CSS 4, and shadcn/ui primitives.

Adapting the site

Edit service copy in services.tsx, delivery steps in process.tsx, and project entries in lab.tsx. Keep changes aligned with the CSS tokens to preserve the visual system.

Before using a fork as a business site, update the contact destinations in contact.tsx, social destinations in site-footer.tsx, and canonical metadata in layout.tsx. The work section presents projects and experiments; review each linked project separately before describing its deployment or commercial results.

Verify desktop and mobile navigation, keyboard focus, and the contact flow after changing the layout. The contact form depends on a configured email application; submitting it does not send a message from this server.

Project scope

This repository demonstrates brand implementation and frontend engineering. Services and projects mentioned on the page are presentation content; their backend systems are separate from this codebase.

Focused issues and improvements to accessibility, responsive behavior, and component consistency are welcome. No standalone license has been declared in this repository.