How a Unified Token Structure Can Fix Typography Handoff Between Designers and Devs

·1 views

Typography handoffs between designers and developers are a persistent source of friction in web projects. Designers work with fluid scaling and optical hierarchy, while developers must translate static designs into responsive CSS. Without a shared source of truth, inconsistencies such as mismatched font weights and broken line heights tend to creep into production builds. The proposed solution is a unified design token structure that both designers and developers can consume directly, rather than relying on lengthy documentation. The article also invites practitioners to share whether they use CSS custom properties exported from design tools or map typography manually during implementation.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Lord Acton's Misquoted Maxim and What Power Actually Does to People

Lord Acton's 1887 letter is widely misquoted — he wrote that power 'tends to' corrupt, a nuance that leaves room for human agency rather than treating corruption as inevitable. The author argues that power functions as a reagent, not a verdict, revealing character under pressure rather than determining it. The same logic applies to scrutiny, which can expose whether reputations in any field are built on substance or unchallenged reverence. The piece also contends that the barriers between individuals and meaningful work have shrunk dramatically, with research and tools now widely accessible. Waiting for institutional permission, the author concludes, is a form of self-doubt that costs both the individual and the world.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Attest Tool Uses ADK Agents to Audit AI Claims About SEC-Registered Advisers

A developer built Attest, an open-source AI agent, to monitor and audit what large language models say about SEC-registered investment advisers. The tool runs a scheduled battery of factual questions about advisory firms and scores each AI-generated answer against the firm's official Form ADV Part 1A filing. Results are stored in a hash-chained, append-only archive hosted on Google Cloud Storage, making entries tamper-resistant and auditable. The project was created for the All Things Agentic Hackathon and uses Google's Agent Development Kit, with multiple Gemini model versions deliberately separated to avoid a model grading its own output. The tool addresses a regulatory gap highlighted in the SEC's 2026 examination priorities, where firms are increasingly being asked about AI but have no record of how third-party models describe them.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer Builds Interactive 3D Solar System Portfolio Using Three.js and React

A developer named Gawad has launched a portfolio website built as an interactive 3D universe rather than a conventional static webpage. The project, called 'Gawad's Stellar System,' features real celestial bodies such as Saturn, WASP-76b, and Kepler-16b, each chosen for their scientifically remarkable properties. A fictional spaceship named Milano, inspired by Guardians of the Galaxy, serves as a navigational element within the experience. The site was built using TypeScript, React 18, Three.js, custom GLSL shaders, and several supporting libraries for state management and post-processing effects. The portfolio is live at gawad-b.github.io, though the developer notes that a mobile version is not yet available and some flickering issues are still being resolved.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

System Design Breakdown: How Instagram-Scale Photo Feeds Handle 500M Daily Users

A high-level system design walkthrough outlines the architecture needed to support a photo-sharing platform at Instagram's scale, handling 500 million daily active users and 100 million photo uploads per day. The design centers on direct client-to-S3 uploads via pre-signed URLs, ensuring origin servers never process raw image bytes, while a resize worker generates three image variants stored on S3 and served exclusively through a CDN. Feed delivery relies on pre-computed Redis caches using sorted sets, with a hybrid fan-out strategy that pushes updates to regular users' feeds on write but defers celebrity content to read-time merging. A tiered storage model transitions photos from S3 Standard to Infrequent Access and eventually Glacier based on age, managing a projected five-year storage footprint of roughly 730 petabytes. The social graph is handled by Cassandra for its write-heavy, large-scale relationship demands, while PostgreSQL manages user data and Snowflake IDs uniquely identify photos across the distributed system.

0 comments Read more at DEV Community